javascript 启动的选择更改事件不起作用

Question

我有 3 个带有选项的选择框。在页面重新加载时，我希望第一个选择框具有默认选择值。JS fiddle 在这里: <a href="http://jsfiddle.net/cqENs/308/" rel="noreferrer noopener nofollow">http://jsfiddle.net/cqENs/308/</a>

我用下面的语句做了这个，这是有效的 $("#selone").val("3").change();

我想将此视为第一个选择框上的更改事件，并触发默认选择在第二个选择框中更改，但我无法做到这一点。

我想自动执行此操作，无需手动更改事件。

你能帮我一下吗

Answer 1

在将更改监听器附加到 #selone 之前，您正在更改 #selone 的值。将初始更改移至 block 的末尾:

$("#selone").on("change", function() {
  $("#seltwo").val("5").change();
});

$("#seltwo").on("change", function() {
  $("#selthr").val("4").change();
});
$("#selone").val("3").change();

http://jsfiddle.net/cqENs/309/