input+select(multiple) 實(shí)現(xiàn)下拉框輸入值
更新時(shí)間：2009年05月21日 22:45:10 作者：
昨天做一個(gè)網(wǎng)站時(shí)，需要實(shí)現(xiàn)下拉框能夠輸入，從功能上講是要實(shí)現(xiàn)用戶在文本框輸入值時(shí)，能夠從后讀出數(shù)據(jù)彈出下拉選項(xiàng)
于是嘗試了用input+select來實(shí)現(xiàn)，結(jié)果如下：
具體代碼及演示地址：www.homdian.com/test.aspx
這種方法其實(shí)是在下拉框上壓一個(gè)文本框，能夠?qū)崿F(xiàn)輸入，也能夠?qū)崿F(xiàn)下拉框的選擇。但根據(jù)輸入值用用異步的方式綁定下拉框選項(xiàng)時(shí)，
無法展開下拉框，到網(wǎng)上找了段代碼：
復(fù)制代碼 代碼如下:
document.form1.ddlMovName.focus();
var WshShell = new ActiveXObject("Wscript.Shell");
try{
WshShell.SendKeys("%{DOWN}");
}
catch(e){}
WshShell.Quit;
以上這段可以實(shí)現(xiàn)展開下拉框，但是會(huì)彈出如下提示（測(cè)試環(huán)境IE7）
感覺不友好，所以沒有用。于是又嘗試用input+select(multiple),效果如下：
具體代碼及演示地址：www.homdian.com/test1.aspx
這種方法已基本滿足我的需求，在此貼出，希望大家能夠提供更好的方法。謝謝。
相關(guān)文章
xmlHTTP實(shí)例...2006-10-10
JS控制靜態(tài)頁面?zhèn)鬟f參數(shù)并獲取參數(shù)應(yīng)用
這篇文章主要介紹了JS控制靜態(tài)頁面?zhèn)鬟f參數(shù)并獲取參數(shù)應(yīng)用的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
Promise是異步編程的一種解決方案，比傳統(tǒng)的解決方案——回調(diào)函數(shù)和事件——更合理和更強(qiáng)大。簡(jiǎn)單說就是一個(gè)容器，里面保存著某個(gè)未來才會(huì)結(jié)束的事件（通常是一個(gè)異步操作）的結(jié)果。從語法上說，Promise是一個(gè)對(duì)象，從它可以獲取異步操作的消息2023-04-04
使用js模擬類繼承小例子，學(xué)習(xí)js面向?qū)ο蟮呐笥芽梢詤⒖枷隆?/div> 2010-07-07
關(guān)于layui的動(dòng)態(tài)圖標(biāo)不顯示的解決方法
今天小編就為大家分享一篇關(guān)于layui的動(dòng)態(tài)圖標(biāo)不顯示的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript幾種形式的樹結(jié)構(gòu)菜單
今天我主要講3種不同展示的JavaScript樹結(jié)構(gòu)菜單，分別是懸浮層樹(Tree)、右鍵菜單樹(ContextMenu)和節(jié)點(diǎn)樹(TreeMenu)，目前都支持無限級(jí)層次。2010-05-05
深入理解JavaScript系列(2) 揭秘命名函數(shù)表達(dá)式
網(wǎng)上還沒用發(fā)現(xiàn)有人對(duì)命名函數(shù)表達(dá)式進(jìn)去重復(fù)深入的討論，正因?yàn)槿绱耍W(wǎng)上出現(xiàn)了各種各樣的誤解，本文將從原理和實(shí)踐兩個(gè)方面來探討JavaScript關(guān)于命名函數(shù)表達(dá)式的優(yōu)缺點(diǎn)2012-01-01
這篇文章主要為大家介紹了ESLint和Jest中使用esm示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
JavaScript實(shí)現(xiàn)獲取用戶單擊body中所有A標(biāo)簽內(nèi)容的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)獲取用戶單擊body中所有A標(biāo)簽內(nèi)容的方法,涉及javascript針對(duì)頁面元素及事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-06-06
如何快速高效創(chuàng)建JavaScript 二維數(shù)組方法詳解
這篇文章主要為大家介紹了如何快速高效創(chuàng)建JavaScript 二維數(shù)組方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02最新評(píng)論