Question

<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：<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()修改它＆＃39;的内容，但它不起作用？

Answer 1

更简单的方法是： -

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

Answer 2

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

如果您正在寻找表单组，则需要.表示您正在寻找类名。

在选择更改时向标签添加其他HTML

2 个答案: