如何获得dom修改选择框的当前选择选项？

Question

我在脚本中使用了伪造的选择框，这意味着原始选择框已隐藏，并且出于样式目的，正在显示ul。 每当此列表的选定值更改时，原始选择框也将更改。

有一个更改功能。 该函数中包含以下代码：

var el = $(e.currentTarget) ;
$('#my_select_box').children().removeAttr('selected');
$('#my_select_box  option[value="'+el.attr('data-value')+'"]').attr('selected','selected');

更改之后，我想在另一个函数中检索原始选择框的新选择值。

但是普通选择器仅获取原始值，而不获取新值：

$('#my_select_box option:selected').val() //returns the wrong value

那么，如何在需要的函数中获取新值呢？

我试过这个功能：

$("#my_select_box").bind("DOMSubtreeModified", function() {
    console.log($(this).find('option:selected').val());    
});

它返回正确的值，但不在我需要的地方。 那么如何从domtree live中检索正确的选择框值？

提前致谢！

Answer 1

而不是.attr（'selected'，'selected'）; ，尝试.prop（'selected'，true）;