带搜索功能的下拉选择框select2

api 地址： http://select2.github.io/select2/

<link href="http://select2.github.io/select2/select2-3.5.3/select2.css" rel="stylesheet">
<script src="http://select2.github.io/select2/select2-3.5.3/select2.js"></script>


<script type="text/javascript">  
    $(document).ready(function() {  
      var data = [{ id: 1, text: '中国' }, { id: 2, text: '美国' }, { id: 3, text: '日本' }, { id: 4, text: '加拿大' }];  
      $(".js-selecct-example").select2({  
        data: data,   //填充数据
        placeholder: "选择国家", //填充默认值 
        allowClear:true, //是否允许清空
        multiple: true,  //是否支持多选
        ajax:{
            url:query_data.url, //输入内容会由服