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

Is there a way to prevent a DropDownList from showing list items when clicked in JavaScript?

本文关键字：单击 显示 列表 JavaScript DropDownList 有没有      更新时间：2023-09-26

只是想知道是否有Javascript的方法可以防止DropDownList的常规点击事件发生。基本上，我有一个DropDownList，我想让它保持启用状态，但当它被点击时，我不想弹出常规的项目列表。有没有办法用e.preventDefault之类的东西来做到这一点？

编辑#1：是的，我确实尝试过用e.preventDefault（）来做，但没有成功。然而，我认为我实施得不正确，也不确定它应该是什么样子，所以我不知道它是有效的，还是不做我想做的事，或者根本不起作用。

首先通过设置z-index:-1来设置DropDownList不可点击的样式；

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

现在它将不再下拉。但是像onclick="prettyMenu（）"这样的东西也不起作用。

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

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

看看：http://jsfiddle.net/hgtDe/

相关文章：