jQuery mobile 未在列表中显示正确的选定项目

Question

我有一个选择列表。我正在使用 jQuery 来更新所选项目。当我更改所选值时，框中显示的项目不会更新。在以下示例中，选项“a”设置为选中。然后我使用 jQuery 将所选项目更改为“d”。它仍然显示“a”。但是，如果您展开列表，您会看到“d”被选中或突出显示。不知道如何解决这个问题。任何帮助将不胜感激！

http://jsfiddle.net/9wQcs/5/

HTML：

<select id="t">
  <option>select one</option>
  <option id="a" selected="selected">a</option>
  <option id="b">b</option>
  <option id="c">c</option>
  <option id="d">d</option>
</select>

jQuery:

$(document).ready(function () {
$('#d').prop('selected', 'selected');
});

谢谢， 布赖恩

Answer 1

首先，不要在 jQuery Mobile 中使用.ready()。

当以编程方式选择 option 时，您需要重新改进 selectmenu 小部件。

$("#id").prop("selected", true);
$("select_id").selectmenu("refresh");

Demo