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