select box에서 검색을 하고싶을 때 붙일 수 있는 plugin

chosen 

chosen이라는 plugin은 좀 무겁긴 하지만 

좋은 검색기능을 제공해준다.

https://harvesthq.github.io/chosen/

사용할 페이지에 

환경 셋팅 : 

내부 경로에 chosen 플러그인을 넣은 경우:

<script type="text/javascript" src="<c:url value="/resources/js/chosen.jquery.js"/>" charset="utf-8"/></script>

<link rel="stylesheet" type="text/css" href="<c:url value="/resources/css/chosen.css"/>">

javascript : 

jQuery(document).ready(function(){

jQuery(".chosen").chosen();

});

jsp :

<select  name="ryanBox" id="ryanBox" class="chosen">

<option value="aa">aa</option>

<option value="bb">bb</option>

</select>

로 사용하면 되고,

해당 값을 셋팅할 때는 아래와 같은 jquery 명령어를 사용해야 한다. 

값 셋팅 : 

$("#ryanBox").val("bb").trigger("chosen:updated");