有没有办法阻止DropDownList在JavaScript中单击时显示列表项？

Question

只是想知道是否有一种方法可以防止DropDownList发生常规点击事件。基本上我有一个我想要启用的DropDownList，但是当它被点击时我不希望弹出常规的项目列表。有没有办法像e.preventDefault那样做什么？

编辑＃1：是的我确实尝试使用e.preventDefault（）并且它不起作用。但是我认为我错误地实现了它并且不确定它应该是什么样的，所以我不知道它是否正常工作而没有做我想要的或根本不工作。

Answer 1

首先通过设置z-index来设置DropDownList不可点击：-1;

select {
    z-index: -1;
    position: relative;
}

现在它不再下拉了。但是onclick =“prettyMenu（）”之类的东西也不起作用。

要解决这个问题，请在select标记周围包装一个容器，并为该元素设置onclick-event：

<div onclick="prettyMenu();">
    <select> ... </select>
</div>

检查出来：http://jsfiddle.net/hgtDe/

Answer 2

在javascript中使用以下代码：

function makeDisable(){
    var x=document.getElementById("mySelect")
    x.disabled=true
}