更改选择菜单 Jquery Mobile 的选定值答案

【问题标题】：Changing the Selected value of Select Menu Jquery Mobile更改选择菜单 Jquery Mobile 的选定值
【发布时间】：2011-11-29 22:32:53
【问题描述】：

我创建了一个表单并将用户选择的值存储在数据库中。但是现在如果用户想编辑他的表单，我需要用以前的值重新加载表单。我正在使用 JQUERY MOBILE

我从数据库中检索了他以前的值，但现在我在选择菜单中加载值时遇到问题。谁能帮助我吗？

我使用了以下代码：-

     var nameVar = (dataset.item(id)['name']);  // Getting the name from the database
     $('#StateName').val(nameVar);                   // StateName is the id  
     $('#StateName').selectmenu('refresh', true);    // Refreshing the Select Menu

但即使在执行上述代码之后，选择菜单中也没有任何反应代码有问题还是我遗漏了什么？

【问题讨论】：

你能发布你的完整代码，包括 XHTML 吗？

标签： jquery-mobile

【解决方案1】：

您需要附加选项而不是值：

var nameVar = (dataset.item(id)['name']);
$('#StateName').append('<option value="'+nameVar+'" selected="selected">'+nameVar+'</option>');                     
$('#StateName').selectmenu('refresh', true);

或者，如果您已经有选择选项并且只需要选择该选项，请尝试以下操作：

var nameVar = (dataset.item(id)['name']);
$('#StateName option[value='+nameVar+']').attr('selected', 'selected');
$('#StateName').selectmenu('refresh', true);

更多关于 jQM 1.0 的选择菜单的信息：

http://jquerymobile.com/demos/1.0/docs/forms/selects/

【讨论】：