如何更改列表框中当前所选项的值？

Question

我知道可以获得当前所选项目的值，如下所示：

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

但是如何将列表框中的值更改为其他内容？

Answer 1

在评论中看到您的更新，这是一个更新的答案。只需使用:selected选择器过滤select元素内的选项即可获得所选选项。

更改select元素的所选选项的value属性：

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

更改其显示文字：

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

的 JSFiddle 的

Answer 2

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

虽然，通过'listbox'，我假设你的意思是select元素。在这种情况下，您必须将属性selected添加到其中一个子option元素中。

Answer 3

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

此处your_val表示value

的<option>属性

或者您也可以使用

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

或

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

<强> DEMO

<强> DEMO 2