當我將其更改爲多個時，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');