Javascript 使用ajax获取选项后将值设置为下拉列表

所以我有两种不同的输入。第一个选项默认设置了所有必需的选项，而第二个选项则根据用户在第一个选项中选择的内容设置（让我们称它们为“国家”和“城市”）

选择国家和城市后，我想设置城市的值。 我是这样做的：

$('#city_id').val(cityVariable)

但它无法每次加载。我几乎可以肯定这是因为DOM被重新加载了，但我仍然不知道如何正确地刷新它。长话短说，我希望能够从使用ajax下载的选项中选择选项

更新

为了更清楚地说明这一点，我将为您提供它如何工作的伪代码

$（“#国家/地区id”）。更改->

我做了这个，所以我们可以看到它基本上是有效的。在与TO讨论后，他似乎打了电话

$('#city_id').val(cityVariable); 

---

在ajax调用之后，但不在成功回调内部。由于本质上是异步的，因此在调用上述语句时，

$（“#city_id'）

select中没有任何内容-它是在ajax成功回调中填充的。因此，将上述语句移到callback中就成功了。

您是否查看了此讨论-？你的城市变量是什么？我不认为这两个问题有关联。我的城市变量是eq“100”，你能做一些简单的JSFIDLE，用一些虚拟数据替换ajax调用吗？不，这不是我的代码，我不想发布任何代码：（你缺少什么信息？好的，我终于做了一个演示-。它工作正常。你的代码有什么不同？

$('#city_id').val(cityVariable);