如何讓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”}）事實(shí)上，當(dāng)我們查看插件代碼時，我們會發(fā)現(xiàn)作者已經(jīng)將原來的select更改為一個輸入表單文本和一個列表。通過這種方式，可以輸入文本，并且UL面板可以用于下拉選項(xiàng)。這樣，任何HTML代碼都可以添加到UL中的選項(xiàng)中。演示中有一些例子。然后利用CSS和JS技術(shù)，實(shí)現(xiàn)了下拉彈出、輸入搜索和匹配等功能。選項(xiàng)設(shè)置事件調(diào)用方法：$（“”可編輯選擇“）。Editableselect（{onselect:function（element）{alert（”已選定！）?。┐送猓€支持鍵盤方向鍵、回車鍵、制表鍵和ESC鍵操作。

select下拉框怎么根據(jù)選擇不同項(xiàng)讓input標(biāo)簽動態(tài)變?yōu)榛疑也豢奢斎耄?/h2>

選擇標(biāo)記具有onchange屬性，切換選項(xiàng)時將觸發(fā)該屬性：

<select id=“controlmodel”onchange=“changetype（）”>。。。</Select>

函數(shù)changetype（）{

$（“#inputid”）。Attr（“readonly”，“readonly”）//不能輸入

$（“inputid”）。CSS（“background color”，“##eaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaeaea