web-dev-qa-db-ja.com

jQueryを使用して<option>要素のテキストを設定する

JQueryを使用して、特定の選択値のオプションテキストを編集する最良の方法は何ですか。

編集したいオプションの値を知っています。こんな感じだと思いました...

$('#select').val().$('option').html('New Text');

しかし、私は明らかに何かが欠けています。

javascriptjqueryhtmlselect
11
Toby
$('#select option[value="someValue"]').text("newText")

hTMLコンテンツを追加する場合は、.htmlの代わりに.textを使用できます。

21
Anurag

このようなもの？

$('#select').children('option').text('New Text');

正しいアイテムの選択の詳細については、 セレクター を参照してください。あなたは次のようなことをすることができます

$('#select').children('option:first').text('New Text');

またはあなたは使用することができます

$('#select').children('option[value="thevalue"]').text('New Text');

あなたが値を知っているなら。

8
kieran

あなたはおそらく ：selected セレクターと text（） メソッドを探しています：

$("#select option:selected").text("New Text");
5
Frédéric Hamidi

これは、オプションの値を取得するのに役立ちます。

_$('#select_id').children('option[value="thevalue"]').text('New Text');
_

また、prop() functionを使用して、デフォルトの選択値を設定できます。例を見てください ここ 。

3
varadha