javascript - 双击事件在 Internet Explorer 中对选项列表不起作用

Question

HTML 代码：

<select name="options" id="options" style="width: 100%;" size="12">
        <option id="optList1" value="1">
            1. ABC
        </option>
</select>

Javascript：

document.getElementById('optList1').ondblclick = function () {
            alert("asf");
        };

我在 select 中有选项列表，在示例中只有一项。问题是我需要在双击此选项时打开对话框......它在 Chrome 和 Firefox 中工作正常，问题很常见，在 IE 中不起作用......

演示

任何帮助都非常感谢......在此先感谢......！

Answer 1

document.getElementById('options').ondblclick = function () {
       var optio = options.options;
var id      = options[options.selectedIndex].id;
   if(id == "optList1")
   {
      alert("abc");
   }
   else 
   {
      alert("xyz")
   }
};


<select name="options" id="options" style="width: 100%;" size="12">
    <option id="optList1" value="1.1">
        2. Enter/Update W/H Data Manually
    </option>
    <option id="optList2" value="1.1">
        1. Enter/Update W/H Data Manually
    </option>

试试这段代码，它在 IE 上运行良好

Answer 2

IE 不支持<option>标签上的事件。

考虑双击事件似乎也很奇怪，<option>因为这不是大多数用户习惯做的事情