Javascript 如何使用jquery Selected插件获取悬停/鼠标悬停事件上的Selected选项值？

当使用所选插件悬停选项时，我正在尝试获取悬停/鼠标悬停事件的选项值

小提琴：

这里是js代码

   $("#myselect").chosen();

   $('#myselect').next('.chosen-container').on('mouseenter', 'li.active-result', function(e) {
    alert($(this).text());
    alert($(this).val()); // how to get option value...?
   });

您需要将事件绑定到动态添加的DOM：

事件委派允许我们将单个事件侦听器附加到父元素，该事件侦听器将为与选择器匹配的所有子体触发，无论这些子体现在存在还是将来添加

---

为此使用委托，因为所选插件动态创建

.activeresult

类元素

$("#myselect").chosen();

$(document).on("hover",".active-result",function(){
 alert($(this).text());   
});

编辑

$(document).on("hover",".active-result",function(){
    alert($("#myselect option").eq($(this).data("option-array-index")).val());

});

---

此插件为选项和读取选项值创建了新元素，您需要找到与选项匹配的文本并读取其值：

$('#myselect').next('.chosen-container').on('mouseenter', 'li.active-result', function(e) {
    var currentText = $(this).text();
    alert($(this).text());
    alert($('#myselect option').filter(function () { return $(this).html() == currentText; }).val()); // how to get option value...?
 });

---

您无法获取尚未选中的选项值。是吗？是否有其他方法获取选项值？这将只显示数组索引。不是价值。@ejay_francisco，是的，你是对的。我认为我们需要解决这个问题，因为这个插件不会在任何地方保存选项值。让我查一下

$('#myselect').next('.chosen-container').on('mouseenter', 'li.active-result', function(e) {
    var currentText = $(this).text();
    alert($(this).text());
    alert($('#myselect option').filter(function () { return $(this).html() == currentText; }).val()); // how to get option value...?
 });