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

最新推荐文章于 2025-05-09 14:55:19 发布

吴遥

最新推荐文章于 2025-05-09 14:55:19 发布

阅读量671

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wuyao721/article/details/3027179

本文介绍了一种在Internet Explorer浏览器中实现可编辑的下拉菜单的方法，通过JavaScript监听键盘事件来实现实时编辑选项内容的功能。需要注意的是，此方法在Firefox浏览器中可能无法正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有很多办法能够集成下拉菜单与编辑框两个功能,下面是其中一种:(经过测试,只能用于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();
}