2010-10-17 87 views
2

我有一個非常簡單的選擇下拉菜單。在Chrome中,它不會下降。代碼本身工作正常,並且下拉菜單在Safari中正常工作,但由於某種原因,它無法在Chrome中打開。這裏是HTML:這個選擇爲什麼不開放?

<select name="pellet_credit" class="item_discount"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

它應該很簡單。這是一個下拉......這裏的選擇的屏幕截圖,選擇,但無法打開: alt text

---編輯---

這是一個用的jsfiddle包括完整的源代碼。下拉菜單在jsfiddle視圖中適用於我,但不適用於實際站點。

http://jsfiddle.net/HSYvf/

---編輯---在頁面做工精細

其他下拉菜單。

+0

這對我來說適用於Chrome。你使用什麼版本? – birryree 2010-10-17 20:49:17

+1

你好,問題應該在別的地方,這段代碼在Chrome中運行良好,請更精確或請給出更多的代碼。 – 2010-10-17 20:49:43

+0

它對我來說也很好,它本身也很好。但是,這個偉大頁面上的代碼段不起作用。我會粘貼更多的 – hookedonwinter 2010-10-17 20:50:38

回答

4

驗證您的HTML以確保沒有多餘的關閉/結束標記。確保你沒有通過CSS隱藏選項。

+6

我也尋找一些流浪的JavaScript獲取點擊事件的方式 – Agos 2010-10-17 21:18:44

0

我想你應該設定一個值,你的選擇

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

你可以閱讀更多here

+0

之前有過。它是由php生成的,但是我將其剝離並且仍然存在問題。 – hookedonwinter 2010-10-17 20:59:16

1

我曾與Firefox和Chrome同樣的問題,由於形式的z-index-1

當改變了z-index,它工作得很好。

+0

對你有用的東西可能不適用於其他人。確定你提出的建議對於發佈問題的人有效,然後再給出答案! – Caelea 2012-10-26 16:04:00

0

我加入一個答案只是調出由@Agos所選答案的評論。檢查是否有事件處理代碼(mousedown,click等),可能會從下拉菜單中竊取事件。

0

什麼結束了發生在我身上造成我在此頁面上的顯示設置爲顯示:無;在選項元素

溶液:

$(yourdropdown)。兒童()顯示();

1

這發生在我身上時,我把<select>一個jQuery .sortable()元素中。我從jQuery網站上覆制了這段代碼,並且.disableSelection()方法調用會使我的<select>失效。

$(function() { 
    $("#sortable").sortable(); 
    $("#sortable").disableSelection(); 
}); 

一旦我刪除了.disableSelection();(這奇怪的是,他們已經過時......)一切工作就好了。

0

對我來說,問題是,我已經包含在id申報類名。

對於未來的觀衆,通知特別是如果你的選擇元件與周圍表單樣式不一致。這可能是一個班級沒有正確應用的線索,而且您可能意外地將其放在了錯誤的地方。

相關問題