2016-10-04 8 views
1

私は以下のようなオプション値の範囲を持つ選択htmlフォーム要素を持っています。jQueryで選択オプションの値を変更する

<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」になるオプションの価値を変更する

アイデア?

ありがとうございました。

+0

以下のjQueryのもう一つの方法は、あなたのhtml – empiric

答えて

1

option要素には、valuetextという2つの重要なプロパティがあります。あなたは他の1ではなくを変更している:いいえ状況で

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

は、あなたのoption要素がvalue属性を持っていない場合は、valuetextに設定されている、value変更textを設定します。

+0

エース検査 - 感謝WEX、それは明らかに価値があるかもしれません受け入れ答えとして) – dubbs

+0

をその値のない '

0

それが動作

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