js使下拉列表框可編輯不止是選擇
更新時間:2013年12月12日 16:52:03 作者:
下拉列表框默認(rèn)情況下是不可編輯的,下面為大家介紹個不錯的方法可以使下拉列表框可編輯,具體實(shí)現(xiàn)如下,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<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();"/>
您可能感興趣的文章:
- JS控制下拉列表左右選擇實(shí)例代碼
- 純js代碼生成可搜索選擇下拉列表的實(shí)例
- jQuery實(shí)現(xiàn)在下拉列表選擇時獲取json數(shù)據(jù)的方法
- javascript實(shí)現(xiàn)通過拼音首字母快速選擇下拉列表
- js實(shí)現(xiàn)下拉列表選中某個值的方法(3種方法)
- jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- jquery+json 通用三級聯(lián)動下拉列表
- javaScript年份下拉列表框內(nèi)容為當(dāng)前年份及前后50年
- js獲取下拉列表框<option>中的value和text的值示例代碼
- JavaScript實(shí)現(xiàn)下拉列表選擇框
相關(guān)文章
用RadioButten或CheckBox實(shí)現(xiàn)div的顯示與隱藏
用RadioButten(或CheckBox)實(shí)現(xiàn)div的顯示與隱藏,當(dāng)選擇“女”時,顯示“美女、才女”;當(dāng)選擇“男”時隱藏,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下2013-09-09JavaScript的Number對象的toString()方法
toString()方法可以把Number對象轉(zhuǎn)換成字符串,并返回此字符串,本文給大家介紹JavaScript的Number對象的toString()方法,對javascript對象方法相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-12-12JS實(shí)現(xiàn)點(diǎn)擊拉拽輪播圖pc端移動端適配
本文通過實(shí)例代碼給大家介紹了JS點(diǎn)擊拉拽輪播圖pc端移動端適配 ,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-09-09JS 實(shí)現(xiàn)倒計時數(shù)字時鐘效果【附實(shí)例代碼】
下面小編就為大家?guī)硪黄狫S 實(shí)現(xiàn)倒計時數(shù)字時鐘效果【附實(shí)例代碼】。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做一個參考。2016-03-03