當鼠標通過onmouseover選項/選擇選項時，選擇標記事件

Question

到目前爲止，我已經創建了一個簡單的選擇標記（哪個工作），當選項被改變時它改變圖像（這意味着我必須點擊進行更改並且從而改變圖片）：

<form method="post" action=""> 
<select name="selectImageName3" id="selectImage3" onchange="change3()" >     
    <option value="opt1">Image1</option> 
    <option value="opt2">Image2</option> 
    <option value="opt3">Image3</option> 
</select> 
</form> 

但我希望我的圖像更改時，鼠標傳遞選項和根據選項。這意味着當鼠標傳遞一個選項時（不點擊），則： - 必須記錄相關的選項值（用於我的js函數change3） - 函數change3（）必須被激活。

我認爲這是通常使用onmouseover完成的，但據我瞭解，它不適用於選擇標記。

有人知道/有辦法處理這個？比如說select2會解決問題嗎？我不特別關注html，javascript，css或jquery對我來說都很好，只要我能處理我的問題。

謝謝

Answer 1

您可以使用jQuery來做到這一點。您將鼠標懸停功能添加到選擇標記，例如

$(document).ready( 

    function (event) { 
     $('select').mouseover(function(e) { 
     var target = $(e.target); 
     //do something with the target 
    }); 

}); 

其中$（目標）.VAL（）讓你徘徊在選項的值。