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 
    }); 

}); 

ここで、$（target）.val（）は、あなたが選択したオプションの値を示します。