通过jQuery查找选择选项值

Question

我有一个select html表单元素，其中包含一系列选项值，如下所示。

<select name="budget" id="budget" class="selectInput required">
<option value="" selected>Select an option...</option>
<option value="£5-£10K">£5-£10K</option>
<option value="£5-£10K">£10-£15K</option>
</select>

我希望能够在jQuery中更改这些选项的值 - 我该怎么做？我认为这会奏效 - 但它似乎也没有？

$("#budget option[value='£5-£10K']").val('Monkeys');

e.g。将“£5££10k”选项的值更改为“Monkeys”

有什么想法吗？

感谢。

Answer 1

option元素有两个关键属性 - value和text。你正在改变一个而不是另一个：

$("#budget option[value='£5-£10K']").val('Monkeys').text('Monkeys');

在任何情况下都不会设置value更改text，但如果您的option元素没有value属性，则设置value到text。

Answer 2

jQuery中的另一种方式

$("#budget>option[value='£5-£10K']").text('Monkeys or something else').val('Monkeys or whatever');