/ / jQuery mobile não exibe o item selecionado correto na lista - asp.net-mvc-3, jquery-mobile

jQuery mobile não exibe o item selecionado correto na lista - asp.net-mvc-3, jquery-mobile

Eu tenho uma lista de seleção. Estou usando o jQuery para atualizar o item selecionado. O item exibido na caixa não está atualizando quando altero o valor selecionado. No exemplo a seguir, a opção "a" é definida como selecionada. Em seguida, uso o jQuery para alterar o item selecionado para "d". Ele ainda mostra "a" No entanto, se você expandir a lista, poderá ver que "d" está selecionado ou destacado. Não sabe como resolver o problema. Qualquer ajuda seria apreciada!

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");
});

Obrigado, Brian

Respostas:

1 para resposta № 1

Antes de tudo, evite usar .ready() no jQuery Mobile.

Ao selecionar um opção programaticamente, você precisa aprimorar novamente Selecione o menu ferramenta.

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

Demonstração