通过jQuery链接选择选项值

Question

我有一个选择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'); 

例如，改变'£5£10k'选项的价值变成'猴子'

任何想法？

谢谢。

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');