Basic Harvesthq Chosen Demo

basic demo of Harvesthq Chosen select box filter

by pitt phunsanit

HTML

<script src="https://harvesthq.github.io/chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="https://harvesthq.github.io/chosen/chosen.min.css">
<h1>jQuery Chosen Demo โดย พิชญ์ พันธุ์สนิท</h1>
<select id="province" style="width:200px;">
	<option value="64">กระบี่</option>
	<option value="1">กรุงเทพมหานคร</option>
	<option value="56">กาญจนบุรี</option>
	<option value="34">กาฬสินธุ์</option>
	<option value="49">กำแพงเพชร</option>
	<option value="28">ขอนแก่น</option>
	<option value="13">จันทบุรี</option>
	<option value="15">ฉะเชิงเทรา</option>
	<option value="11">ชลบุรี</option>
	<option value="9">ชัยนาท</option>
	<option value="25">ชัยภูมิ</option>
	<option value="69">ชุมพร</option>
	<option value="45">เชียงราย</option>
	<option value="38">เชียงใหม่</option>
	<option value="72">ตรัง</option>
	<option value="14">ตราด</option>
	<option value="50">ตาก</option>
	<option value="17">นครนายก</option>
	<option value="58">นครปฐม</option>
	<option value="36">นครพนม</option>
	<option value="19">นครราชสีมา</option>
	<option value="63">นครศรีธรรมราช</option>
	<option value="47">นครสวรรค์</option>
	<option value="3">นนทบุรี</option>
	<option value="76">นราธิวาส</option>
	<option value="43">น่าน</option>
	<option value="77">บึงกาฬ</option>
	<option value="20">บุรีรัมย์</option>
	<option value="4">ปทุมธานี</option>
	<option value="62">ประจวบคีรีขันธ์</option>
	<option value="16">ปราจีนบุรี</option>
	<option value="74">ปัตตานี</option>
	<option value="5">พระนครศรีอยุธยา</option>
	<option value="44">พะเยา</option>
	<option value="65">พังงา</option>
	<option value="73">พัทลุง</option>
	<option value="53">พิจิตร</option>
	<option value="52">พิษณุโลก</option>
	<option value="61">เพชรบุรี</option>
	<option value="54">เพชรบูรณ์</option>
	<option value="42">แพร่</option>
	<option value="66">ภูเก็ต</option>
	<option value="32">มหาสารคาม</option>
	<option value="37">มุกดาหาร</option>
	<option value="46">แม่ฮ่องสอน</option>
	<option value="24">ยโสธร</option>
	<option...

JavaScript

$(function(){

	$('#province').chosen();

})