input+select(multiple) 實現(xiàn)下拉框輸入值
更新時間：2009年05月21日 22:45:10 作者：
昨天做一個網站時，需要實現(xiàn)下拉框能夠輸入，從功能上講是要實現(xiàn)用戶在文本框輸入值時，能夠從后讀出數(shù)據(jù)彈出下拉選項
于是嘗試了用input+select來實現(xiàn)，結果如下：
具體代碼及演示地址：www.homdian.com/test.aspx
這種方法其實是在下拉框上壓一個文本框，能夠實現(xiàn)輸入，也能夠實現(xiàn)下拉框的選擇。但根據(jù)輸入值用用異步的方式綁定下拉框選項時，
無法展開下拉框，到網上找了段代碼：
復制代碼 代碼如下:
document.form1.ddlMovName.focus();
var WshShell = new ActiveXObject("Wscript.Shell");
try{
WshShell.SendKeys("%{DOWN}");
}
catch(e){}
WshShell.Quit;
以上這段可以實現(xiàn)展開下拉框，但是會彈出如下提示（測試環(huán)境IE7）
感覺不友好，所以沒有用。于是又嘗試用input+select(multiple),效果如下：
具體代碼及演示地址：www.homdian.com/test1.aspx
這種方法已基本滿足我的需求，在此貼出，希望大家能夠提供更好的方法。謝謝。
相關文章
layui屬于輕量級框架,簡單美化.是用于開發(fā)后端模式,它在服務端頁面上有非常好的效果，這篇文章主要介紹了layUI布局使用教程,需要的朋友可以參考下2022-09-09
本篇文章主要介紹了Three.js獲取鼠標點擊的三維坐標示例代碼。具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
JavaScript markdown 編輯器實現(xiàn)雙屏同步滾動
這篇文章主要介紹了JavaScript markdown 編輯器實現(xiàn)雙屏同步滾動，文章圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-08-08
使用JS實現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能
這篇文章主要介紹了使用JS實現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能,需要的朋友可以參考下2014-10-10
Firefox中autocomplete="off" 設置不起作用Bug的解決方法
在實現(xiàn)補全提示功能時(Suggest)，都會給輸入框(Input)元素添加autocomplete屬性，且值設為off。2011-03-03
javascript 函數(shù)聲明與函數(shù)表達式的區(qū)別介紹
javascript中的函數(shù)聲明與函數(shù)表達式使用比較頻繁，可能很多的朋友都不知道他們之間的區(qū)別，在此為大家詳細介紹下，希望對大家有所幫助2013-10-10
這篇文章主要為大家詳細介紹了微信小程序動畫是如何實現(xiàn)下拉刷新和上拉分頁效果的，文中示例代碼講解詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了微信小程序實現(xiàn)上傳圖片裁剪圖片過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
下面小編就為大家?guī)硪黄猨s定時器+簡單的動畫效果實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
下面小編就為大家分享一篇淺談js獲取ModelAndView值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03