javascript - jQuery:选择默认值并触发多个选择的更改

Question

我是 jQuery 的新手，在网上找到了几种不同的方法，但对我来说没有任何效果，所以我希望有人能帮助我。

我有一个数量的选择。它们每个都有一个带有类的选项 “defaultSel” 以指示在触发特定事件时应将其选为默认值。

我的方法如下，它确实更改了 Selects 值，但我无法让它真正触发更改(既不添加 .change() 也不添加 .trigger('change' ) 在这里为我工作)。另外，如果有办法完全避免 .each ，也请告诉我。

我的 jQuery:

$(this).closest('div').nextAll('div.hiddenDiv').show().find('.defaultSel').each(function(){
    $(this).prop('selected', true).change();
});

非常感谢您的帮助，迈克

Answer 1

如果您的 option 是 defaultSel 类的东西，那么这应该可以工作:

$(this).closest('div').nextAll('div.hiddenDiv').show().find('select:has(option.defaultSel)').each(function(){
    $(this).find('option.defaultSel').prop('selected', true).end().change();
});

这里只改变两件事:

find('select:has(option.defaultSel)')

将获得您真正想要的select集，并且

$(this).find('option.defaultSel').prop('selected', true).end().change();

this 这里是 select 所以你需要找到默认选项，然后 end() 会返回到 选择，你可以在上面触发change()。