 |
热门文章 |
|
|
|
|
| 可添加、删除、修改的下拉框 |
| 来源：中国站长天空 更新时间：2009/12/3 1:53:53 阅读次数： 我要投稿 |
|
<html>
<head>
<title>可添加、删除、修改的下拉框</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
</head>
<body>
按“Enter”后可输入文字｜使用“Del”删除选项<br>
<!--把下面代码加到<body>与</body>之间-->
<script>
function catchMD(obj){
switch(event.keyCode){
case 13:
obj.options[obj.length] = new Option("","",false,true);
event.returnValue = false;
break;
case 46:
if (confirm("是否删除？")){
obj.options[obj.selectedIndex] = null;
if(obj.options.length > 0){
obj.options[0].selected = true;
}
event.returnValue = false;
break;
}
case 8:
obj.options[obj.selectedIndex].text = obj.options[obj.selectedIndex].text.substr(0,obj.options[obj.selectedIndex].text.length-1);
event.returnValue = false;
break;
}
}
function catchMP(obj){
obj.options[obj.selectedIndex].text = obj.options[obj.selectedIndex].text + String.fromCharCode(event.keyCode);
event.returnValue = false;
}
function window.onload() {
obj = document.getElementsByTagName("SELECT");
obj[0].focus();
}
</script>
<select onkeydown="catchMD(this)" onkeypress="catchMP(this)">
<option>直接可以修改</option>
</select>
</body>
</html> |
|
| 上一篇文章： 点击左侧选项选入右侧选择框下一篇文章： 点击文字选中的单选框 |
|
|
|
注册 登录
