jQuery Mobile Pagebeforeshow和longlist选择菜单

Question

我使用JQuery mobile 1.0.1。

我用以下代码创建一个页面

<div data-role="page" id="homecomments">
   <div data-role="header">
      <h1>Comments</h1>
      <a href='#home' class='ui-btn-left' data-icon='home' data-theme="a" data-iconpos="notext">Home</a>
   </div>
   <div data-role="content">
      <select name="building" id="opt1" data-native-menu="false">
         <option>building</option>
      </select>
   </div>
</div>

我用

$('#homecomments').live('pagebeforeshow', function() {
   getTitlesComments()
});

和

$( document ).delegate("#homecomments", "pagecreate", function() {
   $("#opt1").change( function() {
   if ($( "#opt1 option:selected" ).val() != 0) {
      ====================DO SOMETHING=======================
   }
});

和

function getTitlesComments() {
   $('#opt1').val('');
   $("#opt1").selectmenu('refresh');
   ==========dynimicaly create longlist selectmenu opt1========
}

我必须在选择菜单中使用一长串。 每次我从长列表中进行选择时，都会重置选择菜单。

我该如何解决？

Answer 1

长列表选择是“隐藏”页面，因此在选择后返回时，它再次“显示”该页面。 好消息是它仍然保留您的选择。 您可以在beforeshow代码中检查它们的存在，并在代码再次创建选项列表时选择值。

$("#opt1").selectedValues().join(",");

将给您一个逗号分隔的列表以供使用。