麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

使用js實現一個可編輯的select下拉列表

2019-11-20 21:04:13
字體：大 中 小
來源：轉載
供稿：網友
復制代碼 代碼如下:

<select id="name" name="name"
onkeydown="clearSelect(this,event);"
onkeypress="writeSelect(this,event);" style="width:70px;">
<option value=""></option>
<option value="test1">test1</option>
<option value="test2">test2</option>
<option value="test3">test3</option>
</select>

<script>
function clearSelect(obj,e)
{
opt = obj.options[0];
opt.selected = "selected";
if((e.keyCode== 8) ||(e.charCode==8))//使用退格（backspace）鍵實現逐字刪除的編輯功能
{
opt.value = opt.value.substring(0, opt.value.length>0?opt.value.length-1:0);
opt.text = opt.value;
}
if((e.keyCode== 46) ||(e.charCode==46))//使用刪除（Delete）鍵實現逐字刪除的編輯功能
{
opt.value = "";
opt.text = opt.value;
}
//還可以實現其他按鍵的響應
}

function writeSelect(obj,e)
{
opt = obj.options[0];
opt.selected = "selected";
opt.value += String.fromCharCode(e.charCode||e.keyCode);
opt.text = opt.value;
}
function forbidBackSpace()//為了在IE中，避免backspace的返回上一頁功能，和本下拉框的編輯功能沖突，需要禁掉backspace的功能。forbidBackSpace可以寫在<body onkeydown="forbidBackSpace();">中。
{
if((event.keyCode == 8) && (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password"))
{
event.keyCode = 0;
event.returnValue = false;
}
}
</script>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 色淫湿视频 | 久久免费精品 | 精品国内视频 | 亚洲网在线观看 | 国产日韩精品欧美一区视频 | 成人综合一区二区 | 极品销魂一区二区三区 | 色视频在线播放 | 性少妇chinesevideo| 精品99在线视频 | 看免费黄色大片 | 亚洲一区在线国产 | 国产精品久久久久影院老司 | 777zyz色资源站在线观看 | 在线观看国产一区二区三区 | 成人毛片网 | 日本在线播放一区二区三区 | 91专区在线观看 | 欧美黄色大片免费观看 | 黄色大片在线观看 | 午夜爱爱福利 | 亚洲第五色综合网 | 加勒比色综合 | 欧美性受xxxxxx黑人xyx性爽 | 国产免费久久久久 | 国产午夜精品久久久 | 亚洲视频综合 | 欧美大片一级毛片 | 97视频| 国产免费永久在线观看 | 国产免费一区二区三区在线能观看 | h色视频网站 | 免费午夜视频在线观看 | 午夜看毛片 | av在线影片 | 线观看免费完整aaa 久久不雅视频 | 久久久久久久久久亚洲精品 | 亚洲精品午夜视频 | 精品一区二区久久久久久按摩 | 国产精品免费一区二区 | 91麻豆精品国产91久久久点播时间 |