快捷導(dǎo)航

js使下拉列表框可編輯不止是選擇

更新時間：2013年12月12日 16:52:03 作者：

下拉列表框默認(rèn)情況下是不可編輯的，下面為大家介紹個不錯的方法可以使下拉列表框可編輯，具體實現(xiàn)如下，需要的朋友可以參考下

 
<script> 
function clearOption(obj,e){ 
var currKey=0,e=e||event; 
currKey=e.keyCode||e.which||e.charCode; 
if(currKey == 8){ 
obj.options[0].text = ""; 
} 
} 
function writeSelect(obj,e){ 
var currKey=0,e=e||event; 
currKey=e.keyCode||e.which||e.charCode; 
obj.options[0].selected = "select"; 
if(currKey != 8){//這個地方是為了避免在firefox又出現(xiàn)令人厭煩的亂碼,可以試試注釋這句話，看看在firefox的效果 
obj.options[0].text = obj.options[0].text + String.fromCharCode(currKey); 
} 
e.returnValue=false; 
return obj.options[0].text; 
} 
function ttt(){ 
var jg = document.getElementById("aa").options[document.getElementById("aa").selectedIndex].text; 
//當(dāng)然也可以在前面的writeSelect函數(shù)里面同時設(shè)置options的value，這樣的話，直接可以在該程序里面用value取出 
jQuery("#aa").empty(); 
jQuery("#aa").append("<option value=''></option>"); 
} 

</script> 

復(fù)制代碼代碼如下:

 
<select style='width:150px;z-index:-1' id="aa" name="selectHelpCode" onkeydown="clearOption(this,event)" onkeypress="writeSelect(this,event)"> 
<option value=""></option> 
<option value="11">11</option> 
<option value="22">22</option> 
<option value="33">33</option> 
</select> 
<input type="button" value="清除" onclick="ttt();"/> 

您可能感興趣的文章:

相關(guān)文章

JS實現(xiàn)旋轉(zhuǎn)木馬輪播案例
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)旋轉(zhuǎn)木馬輪播案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
JavaScript基于對象方法實現(xiàn)數(shù)組去重及排序操作示例
這篇文章主要介紹了JavaScript基于對象方法實現(xiàn)數(shù)組去重及排序操作,涉及javascript基于對象方法的數(shù)組遍歷、比較、去重、排序等相關(guān)操作技巧,需要的朋友可以參考下
2018-07-07
js獲取隱藏元素的寬高
本文主要介紹了使用js獲取隱藏元素寬高的解決方案以及代碼思路，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
JS中showModalDialog關(guān)閉子窗口刷新主窗口用法詳解
這篇文章主要介紹了JS中showModalDialog關(guān)閉子窗口刷新主窗口用法,結(jié)合具體實例形式較為詳細(xì)的分析了showModalDialog常見用法與相關(guān)使用技巧,需要的朋友可以參考下
2017-03-03
js實現(xiàn)點擊按鈕彈出上傳文件的窗口
本文主要介紹了js實現(xiàn)點擊按鈕彈出上傳文件的窗口的實例方法。具有很好的參考價值，需要的朋友一起來看下吧
2016-12-12
js根據(jù)屬性刪除對象數(shù)組里的相應(yīng)對象
這篇文章主要介紹了js根據(jù)屬性刪除對象數(shù)組里的相應(yīng)對象,需要的朋友可以參考下
2023-07-07
javascript小技巧超強推薦
javascript小技巧超強推薦...
2006-08-08
javascript中閉包概念與用法深入理解
這篇文章主要介紹了javascript中閉包概念與用法,結(jié)合實例形式深入分析了javascript中閉包的概念、使用方法與相關(guān)注意事項,需要的朋友可以參考下
2016-12-12
js前端傳json后臺接收‘‘被轉(zhuǎn)為quot的問題解決
這篇文章主要介紹了js前端傳json后臺接收‘‘被轉(zhuǎn)為"的問題解決，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-11-11
解決Webpack 熱部署檢測不到文件變化的問題
下面小編就為大家分享一篇解決Webpack 熱部署檢測不到文件變化的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-02-02