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

如果要使用数据角色滑块刷新选择菜单，则必须使用：

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

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

Answer 2

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

Answer 3

如果要使用data-role滑块刷新选择菜单，则必须使用：

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

代替：

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