添加額外的HTML的標籤上選擇改變

<div class="form-group"> 
    <label>State/County</label> 
    <input class="form-control" name="state_county" type="text" maxlength="50" /> 
</div> 

<div class="form-group"> 
    <label>Country <strong class="reqstar">*</strong></label> 
    <select class="form-control" name="country" onchange="getTelephone(this.selectedIndex)" style="width:257px"> 
     <option value="UK">UK</option> 
     <option value="USA">USA</option> 
    </select> 
</div>

當我把我的country選擇USA，我想修改我的state_county的標籤的HTML。添加額外的HTML的標籤上選擇改變

所需的HTML：<label>State/County <strong class="reqstar">*</strong></label>

這是代碼我使用的線：，

$("input[name=state_county]").closest("form-group").find("label").html("State/County <strong class=\"reqstar\">*</strong>");

我使用closest()去最近的容器元素，然後使用find()得到回落到標籤，然後使用html()修改它的內容，但它不起作用？

來源

2015-12-02 mpdc

是否有可能修改HTML呢？如果是這樣的話，最簡單的解決方案是將帶有'id'的' *'元素添加到'label'中並隱藏它。然後在Country選擇的變化上切換它的可見性。 –

$("input[name=state_county]").closest(".form-group").find("label").html("State/County <strong class=\"reqstar\">*</strong>");

當你正在尋找的形式，組，你需要的.，表示你正在尋找一個類名。

來源

2015-12-02 17:00:53 Brandon

更簡單的方法做同樣的將是： -

$("input[name=state_county]").siblings("label").html("State/County <strong class=\"reqstar\">*</strong>");

來源

2015-12-02 17:17:04

添加額外的HTML的標籤上選擇改變

回答

相關問題