通過 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”的期權價值更改為“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');