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

Posted 2023-05-09

【中文标题】jQuery mobile 未在列表中显示正确的选定项目

【英文标题】：jQuery mobile not displaying correct selected item in list

【发布时间】：2014-01-09 12:01:44

【问题描述】：

我有一个选择列表。我正在使用 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');
);

谢谢， 布赖恩

【参考方案1】：

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

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

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

Demo

【讨论】：

工作完美！我只是使用 .ready() 来制作一个测试用例。谢谢！