jquery-mobile - 更改选择菜单 Jquery Mobile 的选定值

Question

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

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

Answer 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/