转下拉菜单与编辑框的集成

最新推荐文章于 2024-10-22 10:56:40 发布

最新推荐文章于 2024-10-22 10:56:40 发布 · 82 阅读

本文介绍了一种在Internet Explorer中实现下拉菜单编辑功能的方法。通过特定的HTML和JavaScript代码，可在IE浏览器中对下拉菜单选项进行编辑，包括添加、删除及修改选项。

有很多办法能够集成下拉菜单与编辑框两个功能,下面是其中一种:(经过测试,只能用于IE,在firefox下无法编辑.)

html代码如下:

javascrip代码如下:

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();
}