Javascript 使用jquery动态填充下拉列表

我找到了这个密码

$("#choice1").change(function() {
$("#choice2").load("getter.php?choice=" + $("#choice1").val());
}); 

从这里

我想对它做一点修改，以填充三个下拉列表，而不是两个。例如，当有人选择第一个选项时，第二个选项将填充“something”，这个“something”我想在另一个_getter.php文件中解析它，以便用“something other”填充第三个下拉列表。 我的实际问题是如何调用这些jquery函数，我在想

$("#choice1").change(function() {
$("#choice2").load("getter.php?choice=" + $("#choice1").val());
$("#choice3").load("getter2.php?choice2=" + $("#choice2").val());
});

但它不起作用。有人能告诉我如何正确地调用这些函数吗？

---

先走一步

如果我了解你问题的顺序，我想这就是你想要的：

$("#choice1").change(function() {
    $("#choice2").load("getter.php?choice=" + $("#choice1").val());
});

$("#choice2").change(function() {
    $("#choice3").load("getter.php?choice=" + $("#choice2").val());
});

$("#choice3").change(function() {
   // Do stuff
});

jq方法是异步的。加载内容后，应将内容加载到其他下拉列表中，并在完整回调中设置逻辑：

$("#choice1").change(function() {
  $("#choice2").load("getter.php?choice=" + $(this).val(), function() {
    $("#choice3").load("getter2.php?choice2=" + $(this).val());
  });
});