鼠标在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完成的，但据我所知它不适用于select标签。

有人知道/有办法处理这个问题吗？比如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（）给出你所盘旋的选项的值。