如何通过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');