2015-01-11 2 views
0

부트 스트랩 다중 선택 라이브러리 (http://davidstutz.github.io/bootstrap-multiselect/#getting-started)를 사용하여 폼 컨트롤, 즉 부트 스트랩 드롭 다운의 확인란을 사용하려고합니다. 예제와 반대로 옵션을 동적으로 채우려고합니다. 그러나 요소를 동적으로 추가하면 양식 요소를 선택한 직후 드롭 다운이 닫히고 (이벤트 전파와 관련이있을 수 있음) 다른 확인란을 조작 할 수 없습니다. 이 문제를 어떻게 해결합니까?부트 스트랩 다중 선택 라이브러리에 폼 요소를 동적으로 추가

구체적으로 요소를 동적으로 채우려면 태그를 선택 하시겠습니까? 예 :

<select id="example-getting-started" multiple="multiple"> 
    <option value="cheese">Cheese</option> 
    <option value="tomatoes">Tomatoes</option> 
    <option value="mozarella">Mozzarella</option> 
    <option value="mushrooms">Mushrooms</option> 
    <option value="pepperoni">Pepperoni</option> 
    <option value="onions">Onions</option> 
</select> 

위와 관련하여 도움을 주시면 감사하겠습니다. 다음

+0

. 항목을 선택 항목으로로드 한 다음 다중 선택 항목을 초기화하십시오. –

답변

2
$('#example-getting-started').append($('<option>', { 
     value: 'optionValue', 
     text : 'optionText' 
    })); 

:

당신은 다중 선택이 아마 항목을 인식 할 수 없습니다 초기화 후에는 선택을 채우는 경우
$('#example-getting-started').multiselect('rebuild'); 
+0

다중 선택 오류가 발생했습니다. –

+1

@RKSharma 체크 아웃 https://github.com/davidstutz/bootstrap-multiselect –

+1

투쟁 2 시간 후! 그것은 일했다! –

관련 문제