1. 程式人生 > >下拉框帶搜尋功能

下拉框帶搜尋功能

下拉框帶輸入功能:

使用select2可以很好的解決下拉框帶輸入的功能,如圖:

select2

需要引入select2.min.js
下載地址:點選此處


第一步:引入select2.js

這裡寫圖片描述

第二步:寫頁面

頁面

<tr>
<td><span>第三方使用者編碼:</span></td>
<td>
    <select class="js-example-basic-single"  id="userId">
    <option value="a1">a1</option>
    <option value="a2"
>a2</option> </select> </td> </tr>

第三部:寫js

js

$(document).ready(function() {
    $('.js-example-basic-single').select2();
});

完成