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”);
cs

참고. 사이트

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

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤