2014-01-13 1 views
1

jquery mobile을 사용하여 MySQL 데이터베이스의 값으로 동적으로 채워진 html 입력 필드가 있습니다. 완벽하게 작동하지만 지금은 여러 옵션을 선택해야합니다. 내 입력이 변경되기 전에 얼마나 은 참조하십시오다중으로 변경하면 JQuery Mobile에서 다중 선택이 비어집니다.

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

그것은 다중의 상자를 팝업 : 이제

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

, 그것이 내가 선택한 여러 받아들이을 변경 한 후 어떻게되는지 상자를 닫으려면 "x"옵션을 선택하고 MySQL은 채워진 데이터를 표시하지 않습니다. 누락 된 것이 있습니까? 미리 감사드립니다.

답변

0

시도해 보셨습니까? 선택 항목이 채워지면 refresh()을 사용하여 선택 항목을 동적으로 업데이트하십시오.

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

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

안녕하세요 @Mahesh Sapkal! 답변 해 주셔서 감사합니다. 자, 당신의 도움을 받아 일하고 있지만 이상한 일은 선택 입력을 클릭하면 MySQL의 레코드가있는 상자가 팝업되지만 자동으로 닫히고 다시 클릭해야한다는 것입니다. , 그것은 열린 상태를 유지합니다. –

0

채우면 선택 메뉴가 새로 고침됩니다.

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

안녕하세요 @Ashish Nautiyal! 답변 해 주셔서 감사합니다. 자, 당신의 도움을 받아 일하고 있지만 이상한 일은 선택 입력을 클릭하면 MySQL의 레코드가있는 상자가 팝업되지만 자동으로 닫히고 다시 클릭해야한다는 것입니다. , 그것은 열린 상태를 유지합니다. –

+0

새로 고침 후 해당 이벤트를 바인딩합니다. –

관련 문제