부트 스트랩 드롭 다운 확인란 선택

Question

체크 박스를 사용하여 부트 스트랩 드롭 다운을 사용자 정의하려는 경우 드롭 다운에서 확인란을 선택하면 dropdown이 닫혀있을 때 업로드 된 그림과 같이 ';'으로 구분 된 입력 드롭 다운에 레이블 이름을 입력하고 싶습니다. .

여기는 fiddle example입니다.

Answer 1

없음 가장 우아한 해결책은 - 당신은 아마 어느 정도이 문제를 수정하기를 원할 것입니다, 그러나 이것은 당신이 시작할 수 있습니다

$(document).ready(function() { 
    $("ul.dropdown-menu input[type=checkbox]").each(function() { 
     $(this).change(function() { 
      var line = ""; 
      $("ul.dropdown-menu input[type=checkbox]").each(function() { 
       if($(this).is(":checked")) { 
        line += $("+ span", this).text() + ";"; 
       } 
      }); 
      $("input.form-control").val(line); 
     }); 
    }); 
}); 

Answer 2

을 나는 그것이 오래된 질문 알고하지만 여전히, 당신이 사용할 수있는 이 라이브러리는 할 수 거의 (당신이 요청한 정확한 디자인 제외) 원하는 무엇을 http://davidstutz.github.io/bootstrap-multiselect/#getting-started