爲什麼當我將鼠標懸停在其上時，<select>選項會跳轉到不同的選項？

所以我有一個有趣的問題。我有一個<select>菜單，它的工作正如我所願，只有一個例外。當我將鼠標懸停在<options>的任何一個上時，突出顯示的選項從我懸停在上面的選項跳到最高值（似乎無論它是否標記爲「已選」，都沒有區別）。當我點擊它時選擇正確的選項，而不是突出顯示的選項。它在Firefox中正常工作，但在Chrome中無法正常工作。爲什麼當我將鼠標懸停在其上時，<select>選項會跳轉到不同的選項？

任何人都可以向我解釋爲什麼它的行爲如此，我可能會做什麼。

謝謝！

<select name="grade" id="grade" value="" > 
    <option value="4" selected >A</option> 
    <option value="3.7" >A-</option> 
    <option value="3.4" >B+</option> 
    <option value="3" >B</option> 
    <option value="2.7" >B-</option> 
    <option value="2.4" >C+</option> 
    <option value="2" >C</option> 
    <option value="1.7" >C-</option> 
    <option value="1" >D</option> 
    <option value="0" >E</option> 
</select>

這是我唯一一次在JavaScript中使用它。正如我所說，它只在google-chrome中不起作用。

var in_gpa = Number($('#grade').val());

來源

2012-07-19 Eman

發表一些代碼。 – Wex 2012-07-19 17:49:32

@Eman：你還沒有發佈完整的代碼..你可以在這裏演示相同的代碼http://jsfiddle.net/4Ct7W/ – 2012-07-19 17:58:44

@ user1042031我不確定你在這裏後面寫了什麼代碼。據我可以告訴它在php中設置的非常典型的html代碼。 – Eman 2012-07-19 18:03:30

我在Chrome Only中遇到了完全相同的問題！

問題：鉻extention：FastestChrome - 瀏覽安裝時更快6.9.7

來源

2012-11-13 19:30:59 teecee

太棒了，就是這樣。 – Eman 2012-11-13 21:13:37

你是自我封閉的選擇和選項標籤，試試這個，看看，而且你不能<select>標籤設置的值。

<select name="grade" id="grade"> 
    <option value="4" selected>A</option> 
    <option value="3.7">A-</option> 
    <option value="3.4">B+</option> 
    <option value="3">B</option> 
    <option value="2.7">B-</option> 
    <option value="2.4">C+</option> 
    <option value="2">C</option> 
    <option value="1.7">C-</option> 
    <option value="1">D</option> 
    <option value="0">E</option> 
</select>

來源

2012-07-19 18:22:53

我已經嘗試過兩種方式沒有成功。 – Eman 2012-07-19 18:26:56

嘗試禁用的AdBlock。這引起了跳轉選項的下拉菜單。

來源

2014-07-05 15:15:04 Damoi

爲什麼當我將鼠標懸停在其上時，<select>選項會跳轉到不同的選項？

回答

相關問題