1. 程式人生 > >有模糊查詢的下拉框

有模糊查詢的下拉框

base dex 標簽 ace 軟件測試 ava word align htm

1.引用(引入是有順序的)

<link href="jquery.searchableSelect.css" rel="stylesheet" type="text/css">

<script src="jquery-1.11.1.min.js"></script>

<script src="jquery.searchableSelect.js"></script>

當然也可以引入其他版本的jquery包文件。

2.在html中寫包含select標簽(有層次關系:style="z-index: 99")

<select>

<option value="1">哈哈哈</option>

<option value="2">測試2</option>

<option value="3">測試3</option>

<option value="4">測試4</option>

<option value="5">測試5</option>

<option value="6">測試6</option>

......

</select>

3.寫jquery代碼

如:

<script type="text/JavaScript">

$(function(){

$(‘select‘).searchableSelect();

});

</script>

有模糊查詢的下拉框