如何讓select下拉框具有輸入功能？HTML結(jié)構(gòu)下面是一個基本的select下拉框。 此外還需要加載jQuery庫和jquery.editable-select.js文件，在源碼下載包里已經(jīng)有了。j

如何讓select下拉框具有輸入功能？

HTML結(jié)構(gòu)下面是一個基本的select下拉框。 此外還需要加載jQuery庫和jquery.editable-select.js文件，在源碼下載包里已經(jīng)有了。jQuery只需要以下代碼就能實現(xiàn)傳統(tǒng)的下拉框變成有輸入功能的下拉框了。$("#editable-select").editableSelect({effects: "slide" }) 其實我們細(xì)看插件代碼就會發(fā)現(xiàn)，作者是將原有的select處理了下，變成了一個輸入表單text和一個列表ul。這樣text可以輸入，下拉選項則用ul面板，這樣一來ul里的選項就可以添加任意html代碼了，demo中有示例。然后通過使用CSS以及js技術(shù)可以實現(xiàn)下拉彈出、輸入查找匹配功能。選項設(shè)置事件事件調(diào)用方法：$("#editable-select").editableSelect({onSelect: function (element) {alert("Selected!")} }) 此外，還支持鍵盤方向鍵、回車鍵、Tab鍵以及Esc鍵操作。

input select(multiple) 實現(xiàn)下拉框輸入值？

autofocus新 autofocus 規(guī)定在頁面加載時下拉列表自動獲得焦點。disabled disabled 當(dāng)該屬性為 true 時，會禁用下拉列表。form新 form_id定義 select 字段所屬的一個或多個表單。multiple multiple 當(dāng)該屬性為 true 時，可選擇多個選項。用Ctrl實現(xiàn)name name 定義下拉列表的名稱。required 新r equired 規(guī)定用戶在提交表單前必須選擇一個下拉列表中的選項。size number 規(guī)定下拉列表中可見選項的數(shù)目。<select><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="mercedes">Mercedes</option><option value="audi">Audi</option></select> <select> 元素中的 <option> 標(biāo)簽定義了列表中的可用選項。其余的用CSS修飾就好了，框和字都能修飾