jquery - Jquery Mobileの値によって、選択メニューで選択したオプションをどのように変更しますか？

Question

選択したオプションをデータベースからの値に変更する必要があります。

コードは次のとおりです。

// this code is in ondeviceready function.
 function onDeviceReady() {
     $("#txtgender2").val(data.data.gender).selectmenu("refresh");
 }

このコードはdivのどこかにあります

<div>
    <select name="txtgender2" id="txtgender2" data-role="slider">
        <option value="Male" >Male</option>
        <option value="Female">Female</option>
    </select> 
</div>

の選択したオプションを変更するにはどうすればよいselectmenuですか？

Answer 1

data-roleスライダーを使用して選択メニューを更新する場合は、次を使用する必要があります。

$("#txtgender2").val(data.data.gender).slider("refresh"); 

それ以外の：

$("#txtgender2").val(data.data.gender).selectmenu("refresh");

Answer 2

データロールスライダーを使用して選択メニューを更新する場合は、次を使用する必要があります。

$("#txtgender2").val(data.data.gender).slider("refresh"); 
instead of:

$("#txtgender2").val(data.data.gender).selectmenu("refresh");

Answer 3

$("#txtgender2 option[value="'+data.data.gender+'"]").attr('selected', 'selected');  
$('#txtgender2').selectmenu('refresh');