2012-03-19 53 views
0

只是想知道是否有Javascript的方式来防止发生DropDownList的常规点击事件。基本上我有一个DropDownList,我想离开启用,但是当它被点击时,我不想让常规的项目列表弹出。有没有办法做到这一点像e.preventDefault或什么?有没有办法阻止DropDownList在JavaScript中单击时显示列表项目?

编辑#1:是的,我确实试图用e.preventDefault()来做,它不起作用。不过,我认为我错误地实现了它,并不确定它应该是什么样子,所以我不能确定它是否正在工作,而不是做我想要的或者根本不工作的东西。

+0

可能很容易与jQuery;) – r0m4n 2012-03-19 21:02:28

+1

你试过吗?发生了什么? – 2012-03-19 21:03:08

+0

如果你不介意,你能解释为什么它需要启用? – 2012-03-19 21:06:39

回答

0

通过设置z-index:-1,第一种样式的DropDownList不可点击;

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

现在它不会再下拉。但是像onclick =“prettyMenu()”也不起作用。

为了解决这个问题,环绕在选择标签的容器中,该元素设置的onclick事件:

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

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

+0

创造性的解决方案! – 2012-03-19 22:52:43

+0

这在IE中不起作用 – Rachel 2012-05-31 18:50:54

0

使用在JavaScript下面的代码:

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