Javascript 在动态生成的选择（下拉）列表中选择选项

我使用的是两个下拉列表的组合（选择）。根据用户在第一个列表中所做的选择，第二个列表将由

$（“#第二选择”）.load（“textdata/”+$（“#第一选择”）.val（）+“.txt”）

调用。在网页的另一部分使用相同的列表组合，我将用户所做的选择保存为索引（第一个选择保存为0等）。然后，我通过第n个子项（

whatIhaveSaved

）重新填充并选择用户的选择

但是，我无法在第二个列表中进行选择（即，它确实加载列表数据，但不选择任何内容，无论读取的值如何）。对此我们能做些什么

我无法添加更多的代码，因此本质上发生了什么，我想做的是：

 $("#first-choice").change(function() {
        $("#second-choice").load("textdata/" + $(this).val() + ".txt");
    });

我要保存的所有其他设置都可以通过以下方式进行保存：

$('#first-choice option:nth('+ parseInt(savedPresets[0]) +')').attr("selected","selected");

例如，一旦应用了此设置，第二个列表也会被填充。然而，下面对第二个列表的类似调用似乎被忽略了

---

不幸的是，我对jQuery没有太多经验，一个问题是，

load（）

是一种ajax方法，而ajax是异步的

这意味着，如果您想与新的html交互，您必须在接收到该html后触发的成功回调中进行

$("#first-choice").change(function() {
      $("#second-choice").load("textdata/" + $(this).val() + ".txt", function(){    
       // new html exists can work with it here

      });

     // any code here will run before new html arrives
})

---

更多的资源会更好，你能给我们发送更多的代码吗？如果没有任何上下文，我的第一个猜测是你没有用jquery的

.on（）绑定点击

到动态添加的选择选项中，没有人能在没有看到不起作用的代码的情况下提供帮助…请参阅@dwreck08 FYI-无论如何，

上不支持跨浏览器的事件无需担心…不是每个人都会首先掌握异步编程