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