SUNKYUN.COM

[jQuery] 검색가능한 셀렉트 select2 플러그인 사용법 및 다른 값으로 선택하는 방법

사용방법

<!-- 검색 가능한 셀렉트 플러그인 링크 -->

<link href="/js/select2/select2.css" rel="stylesheet" />

<script src="/js/select2/select2.min.js"></script>

<!-- 검색 가능한 셀렉트 플러그인 링크 -->

<script>

// 검색 가능한 셀렉트

$(document).ready(function() { $(".select_search").select2(); });

</script>

HTML

<div id="c_natl">

<select name="c_natl" id="c_natl" class="select_search">

<option value="" > - </option>

</select>

</div>

다른 값으로 선택하는 방법

// 옵션선택

$("#c_natl",opener.document).val(c_natl).trigger('change');

// 선택한 내용

$(".c_natl_wrap .select2-container .select2-choice .select2-chosen",opener.document).html(c_natl_n);

//$("#c_city",opener.document).val(c_city).trigger('change.select2');