jqueryはselect2多機能ドロップダウンボックス（検索可能）を実装します

1. はじめに

公式サイト https://github.com/select2/select2

2、最も簡単な使用方法

1. select2のjsとcssを紹介します

   ダウンロードしてプロジェクトで使用するのが最善です

   <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
   <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
   

2. html

    	   <div class="row">
   			<span style="margin-left: 20px;">区域：</span>
   			<select id="area" class="select2" style="width: 250px;">
   				<option value="" selected="selected">请选择区域</option>
   				<option value="1">珠海</option>
   				<option value="2">深圳</option>
   				<option value="3">澳门</option>
   				<option value="4">香港</option>
   			</select>
   		</div>
   	<link rel="stylesheet" href="css/select2.css"/>
    	<script src="js/select2.js"></script>
   

3. js

    $(function () {
         
         
           $("#area").select2();
       });
   

4. css

   body{
         
         
   	margin: auto;
   	padding: auto;
   	background-color: aquamarine;
   }
   .row{
         
         
   	width: 100%;
   	height: auto;
   }
   

   レンダリング