Изменение значения параметра выбора с помощью jQuery

Question

У меня есть элемент формы html select с диапазоном значений параметров, как показано ниже.

<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», чтобы стать «Обезьянами»

Любые идеи?

Спасибо.

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