Combo Select – jQuery可搜索下拉框插件

今天用到另一款jq插件..插件就是无脑,,引入相关文件，开始撸吧

引入相关文件：

<link href="~/Scripts/combo-select/combo.select.css" rel="stylesheet" />
<script src="~/Scripts/combo-select/jquery.combo.select.js"></script>

html/js

  <td style="position:relative; top:8px;">
        @Html.DropDownList("mechanism", ViewData["hospital"] as IEnumerable<SelectListItem>, new { @class = "keyword",style="width:220px;" })
  </td>

 $('select').comboSelect();

$('select').change(function (e, v) {
4　　param.HosCode = e.target.value;
});

将选中值传到后台 ，完了~~

异步加载下拉框

 　　　　　　　　$.ajax({
                 type: "Get",
                 url: '/WithdrawApply/LoadMemInfo',
                 dataType: "json",
                 cache: false,
                 async: false,
                 success: function (json) {
                     var data = eval(json);//json数组

                     var optionStr = '';
                     for (var i = 0; i < data.length; i++) {
                         optionStr += "<option value=\"" + data[i].SearchCode + "\" >"
                                 + data[i].MechanismName + "</option>";
                     }

                     $("#mechanism").append(optionStr);
                 }
             });
19　　　　　　　 $('select').comboSelect();

参考： http://www.dowebok.com/179.html

　　　http://blog.csdn.net/qq_15241071/article/details/78424162

　　　http://blog.csdn.net/ly210501076/article/details/47313365

GitHub 地址：https://github.com/PebbleRoad/combo-select