javascript - jQuery .change 函数 onload

Question

我有一个 jQuery 函数，它在发生变化时被触发，例如:

$(".option-image select").change(function()

该函数根据选择下拉列表更改图像。

现在我想在加载时操纵选择并调用该函数，以便图像发生变化。我试过:

$(document).ready(function() {      
    $("#option-236").children("option[value='57']").prop('selected',true).change()
});

虽然这确实将选择更改为正确的选择，但图像没有改变，这让我相信 $(".option-image select").change(function() 没有被触发。

可以吗？感谢您的帮助!

Answer 1

change 事件仅在用户选择一个选项时发生，而不是在您使用代码执行此操作时发生。

您可以使用change 方法触发事件，它既可以设置事件又可以触发事件。您在 select 元素上触发事件，而不是在 option 元素上:

$("#option-236").change();

---

旁注:如果你有一个多选，你只需要将一个选项设置为选中，否则你可以只使用 val 方法:

$("#option-236").val('57');

然后你可以链接这些方法:

$("#option-236").val('57').change();