当我将其更改为多个时，JQuery Mobile中的多选会变为空

Question

我确实有一个html输入字段选择，使用jquery mobile从MySQL数据库中动态填充值。它工作正常，但现在我需要将其更改为多个选项。 请参阅我的投入是如何此更改之前：

<div id="landmark-1" data-landmark-id="1"> 
    <form id = "cname" onsubmit="return submitForm();"> 

     <label for "id">Employee's Name:</label><br/> 
     <select name="id" id="id"> 
     <option value=""></option> 
     </select><br/> 


    <input type="submit" value="Clock-In" id="enviar_in" data-inline="true"> 

    </form> 
</div> 

现在，看看它是如何看起来像后，我改变了它接受多个选择：

<div id="landmark-1" data-landmark-id="1"> 
    <form id = "cname" onsubmit="return submitForm();"> 

     <label for "id">Employee's Name:</label><br/> 
     <select name="id" id="id" multiple="multiple" data-native-menu="false"> 
     <option value=""></option> 
     </select><br/> 


    <input type="submit" value="Clock-In" id="enviar_in" data-inline="true"> 

    </form> 
</div> 

它弹出框多选择带有“x”的选项关闭该框，但没有显示来自MySQL的填充数据。 有什么我缺少的东西？ 预先感谢您。

Answer 1

你有没有试过这个。在选择填充后，动态更新使用refresh()的选择。

//refresh value   
$('#id').selectmenu('refresh'); 

//refresh and force rebuild 
$('#id').selectmenu('refresh', true); 

Answer 2

填充后刷新选择菜单。

$('#id').selectmenu('refresh');