Modal에서 bootstrap-select 사용하기

 

Photo by Sigmund on Unsplash

bootstrap-select

bootstrap-select는 <select> 엘리먼트에 스타일과 추가 기능을 제공한다. 그중에서도 실시간 검색 기능이 으뜸이라 생각된다. 이를 사용하려면 Bootstrap과 jQuery v1.8.0+가 필요하다. Bootstrap의 dropdown.js를 이용하는 jQuery 플러그인이기 때문이다. 

Modal에서 사용법 

일반적인 HTML 페이지에서는 잘 동작한다. 그런데 Modal에서 띄우기만 하면 나오지 않거나, 기능이 제대로 동작하지 않는다. Modal에서 사용하기 위해서는 Modal을 띄우기 전에 아래 함수를 호출해야 한다. 

$('.selectpicker').selectpicker();   $("#myModal").modal("show");   Colored by Color Scripter

cs

참고. 사이트

  - https://github.com/silviomoreto/bootstrap-select/issues/1358