jQuery手機不在列表中顯示正確的選定項目

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