2014-11-02 4 views
0

JQuery 다중 선택 체크 박스 드롭 다운에 다음 코드가 있습니다.JQuery 다중 선택 체크 박스 드롭 다운 이벤트 처리

사용자가 체크 박스를 선택하면 이벤트를 잡을 수 있습니다. 하지만 사용자가 체크 박스를 선택하고 드롭 다운을 닫을 때 이벤트가 시작되기를 원합니다? 사용자가 체크 박스를 선택하고 드롭 다운을 닫을 때 모든 체크 박스 선택에 DB를 삽입하고 싶지 않습니다. 또한 선택한 값을 검색 할 수 있어야합니다. 감사합니다

<div id="multiCheckbox"> 
    <select name="busiUnit" id="day" multiple="multiple" 
     data-native-menu="false"> 
     <option>Business Unit</option> 
     <option value="1">Finance</option> 
     <option value="2">R&D</option> 
     <option value="3">Sales</option> 
     <option value="4">Inventory</option> 
    </select> 
</div> 

JS 코드 :

$("#day").change(function() { 
    var str = '', 
     busiArray = array(); 

    $("select#day option:selected").each(function() { 
     str = $(this).text(); 
     busiArray.push(str); 
    }); 
}); 
+0

가능한 중복 [폐쇄 및 개방 선택 강하 JQUERY 이벤트 아닌 변화 (http://stackoverflow.com/questions/20321553/jquery-events-for-closing-and-opening- select-drop-down-and-not-on-change) –

+1

코드의 모든 체크 박스 이벤트를 수신 대기하지 않습니다. 사실 HTML에는 체크 박스가 없습니다. – undefined

+0

@Vohuman 그는 popup/selectmenu를 닫을 때 코드를 실행하기를 원하므로 change 이벤트는 필요하지 않습니다 :) custom selectmenus는 다중 선택을위한 checkbox가있는 팝업으로 변환됩니다. – Omar

답변

1

다중 선택 selectmenu가 팝업으로 변환된다. 해당 팝업은 select ID와 -listbox 동적으로 추가됩니다.

popupafterclose을 첨부 한 다음 코드를 실행하십시오.

$(document).on("popupafterclose", "#day-listbox", function() { 
    /* code */ 
}); 
+0

감사 Omar, 그 일. –

+0

@JohnsonTummalapalli 당신은 환영합니다 :) – Omar

관련 문제