如何通过 Jquery Mobile 中的值更改选择菜单中的选定选项？答案

【问题标题】：How do you change the selected option in a select menu by the value in Jquery Mobile?如何通过 Jquery Mobile 中的值更改选择菜单中的选定选项？
【发布时间】：2012-09-30 15:06:33
【问题描述】：

我需要使用来自数据库的值更改所选选项。

代码如下：

// 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 的选定选项？

【问题讨论】：

您是否检查过 onDeviceReady() 是否被正确调用？ 'data.data.gender' 有一个合适的值吗？
好吧，我终于解决了，如果你想用数据角色滑块刷新选择菜单，你必须使用 $("#txtgender2").val(data.data.gender).slider( “刷新”）;而不是 $("#txtgender2").val(data.data.gender).selectmenu("refresh");
将其添加为您问题的答案，而不是在 cmets 中。
只是一个建议，您应该为自己的问题创建一个答案，有一个选项可以回答您自己的问题。

标签： jquery select cordova jquery-mobile option

【解决方案1】：

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

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

代替：

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

【讨论】：

@user1733984 发表的原始答案

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

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

【讨论】：