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

时间:2011-11-29 11:22:02

标签: jquery-mobile

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

但即使在执行上述代码后,在选择菜单中也没有反映出任何内容 代码中的错误或我错过了什么?

1 个答案:

答案 0 :(得分:10)

而不是值,您需要附加选项:

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的选择菜单: