如何讓select下拉框具有輸入功能？HTML結(jié)構(gòu)下面是一個基本的選擇下拉框。此外，還需要加載jQuery庫和jquery.editable可編輯- 選擇.js該文件已在源代碼下載包中。JQuery只

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

HTML結(jié)構(gòu)下面是一個基本的選擇下拉框。此外，還需要加載jQuery庫和jquery.editable可編輯- 選擇.js該文件已在源代碼下載包中。JQuery只需要下面的代碼就可以將傳統(tǒng)的下拉框變成具有輸入功能的下拉框。$（“”可編輯選擇“）。Editableselect（{effects:“slide”}）事實上，當(dāng)我們查看插件代碼時，我們會發(fā)現(xiàn)作者已經(jīng)將原來的select更改為一個輸入表單文本和一個列表。通過這種方式，可以輸入文本，并且UL面板可以用于下拉選項。這樣，任何HTML代碼都可以添加到UL中的選項中。演示中有一些例子。然后利用CSS和JS技術(shù)，實現(xiàn)了下拉彈出、輸入搜索和匹配等功能。選項設(shè)置事件調(diào)用方法：$（“”可編輯選擇“）。Editableselect（{onselect:function（element）{alert（”已選定！）?。┐送?，它還支持鍵盤方向鍵、回車鍵、制表鍵和ESC鍵操作。