Javascript 接收禁用选择标签的 onmousedown

Question

我有一个带有两个单选按钮的表单：

[radio1]   [radio2] [select]

<input type="radio" id="radio1" name="radio" checked/>
<br/>
<input type="radio" id="radio2" name="radio"/>
<select id="select" onmousedown="test()" disabled="disabled">
    <option>aaa</option>
    <option>bbb</option>
</select>

所需的行为是当勾选 radio1 时，选择框被禁用。 当 radio2 被勾选时，用户可以从选择框中选择某些内容（因此启用）。

我在 radio1 和 radio2 中有必要的事件代码来处理启用/禁用选择框，并且效果很好。

但是，我想要一个额外的行为：我单击选择框，应勾选 radio2 并启用选择框：

function test(){
    document.getElementById('radio1').checked=false;
    document.getElementById('radio2').checked=true;
    document.getElementById('select').disabled=false;
}

但是，在禁用选择框时，永远不会调用 test() 。 还有其他事件可以做到这一点吗？

另一种解决方案是在选择框上放置透明覆盖层以处理事件（并在启用选择框时隐藏它）。

Answer 1

我认为这是预料之中的。禁用的输入元素不会响应鼠标（和其他）事件。您可以尝试使用覆盖解决方案 - 即使选择被禁用，它也应该可以工作。