javascript - 鼠标悬停在下拉列表选项上时如何获取选择的选项值？

Question

我使用选择的 jquery 插件 来选择图像选项！同样，当更改触发器时，我得到一个值很容易，所以现在我想在鼠标悬停/悬停选择下拉列表中的选项时获得值，如下图所示，以显示在预览 div 中！我可以这样做吗？感谢任何帮助！

我的代码获取更改触发器

    $('#patterns').chosen({ disable_search_threshold: 5 }).on('change',function(){
    if(!($(this).val() == 'none')){
        $('#pattern-preview').css('background-image', 'url(<?php echo $patterns_fulldir;?>' + $(this).val() + ')');
    }else{
        $('#pattern-preview').css('background-image', '');
    }
});

Answer 1

不熟悉选择。但是，在我看来，您应该查看hover事件，而不是change单击条目时触发的事件。您的修订可能如下所示：

$('#patterns').chosen({ disable_search_threshold: 5 }).on('hover',function(e){
    var $target = $(e.target); // you may have to use $target, rather than $(this)
    if(!($target.val() == 'none')){
        $('#pattern-preview').css('background-image', 'url(<?php echo $patterns_fulldir;?>' + $target.val() + ')');
    }else{
        $('#pattern-preview').css('background-image', '');
    }
});