鼠标悬停列表选项时如何获取选择的选项值?

时间:2013-10-09 16:33:50

标签: javascript jquery jquery-chosen

我使用chosen jquery plugin  选择图像选项!另外当更改触发器时我得到一个值很容易,所以现在我想获得值,当鼠标悬停/悬停在下面的图像选择下拉列表中的选项,以在预览div enter image description here中显示!我可以这样做吗?谢谢任何帮助!

我的代码获取更改触发器

    $('#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', '');
    }
});

1 个答案:

答案 0 :(得分:0)

不熟悉所选。但是,对我来说,看起来你应该查看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', '');
    }
});