2012-03-19 54 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 
} 
相關問題