演示地址:http://www.dowebok.com/demo/179/index5.html
引入js.css 即可使用,效果如圖所示:
這個插件的好處是可以在輸入框里面輸入數據 自動檢索內容。
注意:js 動態添加option值,填值完畢了以后需要重新渲染一下,調用comboSelect方法: $('#test1').comboSelect();所以在界面上修改是無效的
<select name="auditmodule" id="auditmodule"> <option value="">選擇審核模塊</option> </select>
js 部分
var auditmodule=function(alldata){ //alldata 為后台請求數據 if(!alldata){} else { // 循環填充數據 for (var i = 0; i < alldata.length; i++) { $('#auditmodule').append('<option value="'+alldata[i]["modulename"]+'">'+alldata[i]["modulename"]+'</option>');// 下拉菜單里添加元素 } $('#auditmodule').comboSelect(); } }