input+select(multiple) 實(shí)現(xiàn)下拉框輸入值
于是嘗試了用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)上找了段代碼:
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)文章
Three.js獲取鼠標(biāo)點(diǎn)擊的三維坐標(biāo)示例代碼
本篇文章主要介紹了Three.js獲取鼠標(biāo)點(diǎn)擊的三維坐標(biāo)示例代碼。具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-03-03
JavaScript markdown 編輯器實(shí)現(xiàn)雙屏同步滾動(dòng)
這篇文章主要介紹了JavaScript markdown 編輯器實(shí)現(xiàn)雙屏同步滾動(dòng),文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下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ǔ)全提示功能時(shí)(Suggest),都會(huì)給輸入框(Input)元素添加autocomplete屬性,且值設(shè)為off。2011-03-03
javascript 函數(shù)聲明與函數(shù)表達(dá)式的區(qū)別介紹
javascript中的函數(shù)聲明與函數(shù)表達(dá)式使用比較頻繁,可能很多的朋友都不知道他們之間的區(qū)別,在此為大家詳細(xì)介紹下,希望對(duì)大家有所幫助2013-10-10
微信小程序?qū)崿F(xiàn)下拉刷新和上拉分頁(yè)效果的方法詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序動(dòng)畫是如何實(shí)現(xiàn)下拉刷新和上拉分頁(yè)效果的,文中示例代碼講解詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-06-06
js定時(shí)器+簡(jiǎn)單的動(dòng)畫效果實(shí)例
下面小編就為大家?guī)硪黄猨s定時(shí)器+簡(jiǎn)單的動(dòng)畫效果實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11

