如何在鼠標懸停下拉列表選項時獲取所選的選項值？

Question

我使用chosen jquery plugin 選擇圖像選項！當更改觸發器我得到一個值很容易，所以現在我想獲得值時，鼠標懸停/選擇下拉選擇下拉式圖像下面顯示預覽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', ''); 
    } 
});