javascript - リストボックスで現在選択されている項目の値を変更するには?

Question

次のように、現在選択されているアイテムの値を取得できることを知っています。

var myListBoxItemText = $('#myListBox').val().toString();

しかし、リストボックス内のこの値を別の値に変更するにはどうすればよいでしょうか。

score 3 · Accepted Answer

コメントであなたの更新を見て、更新された回答があります。セレクターを使用して要素:selected内のオプションをフィルタリングし、選択したオプションを取得します。select

select要素の選択されたオプションのvalueプロパティを変更するには:

 $('#myListBox option:selected').val('new value');

表示テキストを変更するには:

 $('#myListBox option:selected').text('new text');

score 2 · Accepted Answer

$("#myListBox").val("This is the new value");

selectただし、「リストボックス」とは、要素を意味すると思います。その場合、プロパティselectedを子option要素の 1 つに追加する必要があります。

score 1 · Accepted Answer

$('#myListBox').val(your_val);

ここで your_val はのvalue属性を示します<option>

または、使用することもできます

$('#myListBox')[0].selectedIndex = 1;

また

  $('#myListBox').prop('selectedIndex', 1);

3 に答える 3