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()。

以编程方式选择选项时，您需要重新增强 selectmenu 小部件。

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

<强> Demo

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

1 个答案: