2014-07-21 5 views
0

내 드롭 다운 메뉴에 bootstrap-select 플러그인을 사용하고 있습니다.부트 스트랩 모달 부트 스트랩 선택 플러그인 내부

부트 스트랩 모달을 드롭 다운의 옵션 중 하나를 추가하려고했습니다. 예 :

<select class="selectpicker" data-live-search="true" data-size="false" > 
     <option>Team Lead</option> 
     <option>Juniour Employee</option> 
     <option>Intern</option> 
     <option>Director</option> 
     <option role="button" data-toggle="modal" data-target="#seg-Seniority">Add/Edit Categories..</option> 

</select> 

그러나 내가 모달이 오지 않아라고 추가/편집을 클릭 할 때처럼 보인다. ADD/EDIT를 클릭하면 팝업이 나타납니다.

도움이 될 것입니다.

답변

2

내가 할 수있는 유일한 방법은 change 선택 방법입니다.

내 옵션으로 이것을 가지고는 <option data-dismiss="true" data-target="#confirm">Hide modal</option>

+0

이 난 당신이 내 하루가 저장 :) 무엇을 찾고 있었다 내 스크립트이 도움이

$('.selectpicker').on('change', function() { var selectedOption = $(this).find(":selected"); // this hides a modal if (selectedOption.data('dismiss')) { $(selectedOption.data('target')).modal('hide'); } // this shows a modal if(selectedOption.data('modal')){ $(selectedOption.data('target')).modal('show'); } }); 

DEMO

희망입니다 . 너에게 많은 축복이있어. – Raihan

+0

도움이 된 것을 기쁘게 생각합니다. :) 당신은 환영합니다. – Dhiraj

+0

@ 라이언 : 또한 질문에 대답한다고 생각하면 다른 사람들도 유용하다고 생각할 수 있도록 답을 표시하십시오. 감사 – Dhiraj