下拉框列表模糊搜索

送您一個最高1888元的阿里雲大禮包，快來領取吧~

 

1.首先需要引入select插件的js和css(樣式可以自己修改)

 2.循環出下拉列表，我的項目使用AngularJS所以用ng-repeat

3.調用select插件的搜索方法

 <link rel="stylesheet" href="asset/css/combo.select.css"/>

　　　

<select class="form-control  input-sm" ng-model="goods.supplierId" name="supplierId"
        id="supplierId">
    <option value="" selected="selected">請選擇供應商</option>
    <option ng-repeat="party in partyList" ng-selected="goods.supplierId == party.partyid"
            value="{{party.partyid}}">{{party.partyname}}
    </option>
</select>

<script src="library/jquery.combo.select.js"></script>
<script>
    $(function () {
        setTimeout(function (){
            $("#supplierId").comboSelect();
        },500)
    });
</script>

4.說明  調用模糊搜索的方法必須在select數據加載完之后，否則會沒有數據