Javascript 如何使用JQuery即时填写更改时的文本框？

我有一个文本框，可以填充整个城市。我有一个自动完成功能，它是标准的自动完成功能，数据来自数据库

输入的数据包含城市、州和国家信息。当用户从自动完成下拉列表中选择城市时，它应该填充城市、州和国家。所以我对这个城市有一个新的看法。问题是，只有当我点击相应的文本框时，州和国家才会被填写，而不是像更改时那样立即填写。 代码：

HTML:

---

没有看到任何HTML和大部分JavaScript， 你能不能不这样做：

$(".find-city").change(function(city) {
    $(".state").val(statecode);
    $(".city").val(citycode);
    //... etc.
}); 

---

如果在设置输入框的值时遇到问题，请尝试以下操作：

$('.state').attr('value',stateCode);

---

您可以在这里看到类似的演示：

您能提供一些HTML和更多JavaScript吗？只有在您实际单击并更改下拉列表的值时，才会触发更改事件。@CanerAkdeniz是的，因此即使在我单击city的选项后，它也只会被触发。当我单击state文本框时，状态会被填充。是不是应该在我点击下拉菜单并做出选择之后？试图理解你的代码，你从哪里获得statecode？@CanerAkdeniz CityConfigureAutoCompleteOption是我查询数据库的函数。数据库返回城市名称和相应州代码的列表。我试过这个。“状态”文本框确实会被填充，但只有在我单击“状态”文本框后才会被填充。请参阅我对您的问题的评论，以获取更多信息。

$(".find-city").change(function(city) {
    $(".state").val(statecode);
    $(".city").val(citycode);
    //... etc.
}); 

$('.state').attr('value',stateCode);