将文本添加到具有特定ID的选项

Question

希望使用Javascript或JQuery

的值为“79”的选项添加“ALL”

<select id="locations">    
<option value="79"></option>
</select>

最终结果应为：

<select id="locations">    
<option value="79">ALL</option>
</select>

感谢您的帮助：）

编辑：

原来我也需要把它做成一个复选框。

<li class=" ">
<label for="ui-multiselect-Location_State-option-14" title="" class="ui-corner-all">
<input id="ui-multiselect-Location_State-option-14" name="multiselect_Location_State" type="checkbox" value="79" title="Maidstone2">
<span></span>
</label>
</li>

最后的结果应该是：

<li class=" ">
<label for="ui-multiselect-Location_State-option-14" title="" class="ui-corner-all">
<input id="ui-multiselect-Location_State-option-14" name="multiselect_Location_State" type="checkbox" value="79" title="Maidstone2">
<span>ALL</span>
</label>
</li>

该值仍为“79”，但第一个选项的代码无效。

再次感谢您的帮助！

Answer 1

您可以使用attribute selector访问该元素，并使用text()方法设置文字，如下所示：

＆＃13;

＆＃13;

$('option[value="79"]').text("ALL");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="locations">
  <option value="79"></option>
</select>

＆＃13;

＆＃13;

＆＃13;

或没有jQuery：

document.querySelector('option[value="79"]').textContent = "ALL";

Answer 2

您可以使用 attribute-equals-selector ：

$('option[value=79]').text('ALL');