在jsp的文本框中自动填充

Question

我正在用jsp开发一个项目。

页面上有两个文本框。如果我选择第一个文本框，我会得到从 MySQL 数据库中获取的国家/地区列表，我已经使用 jQuery 完成了它。现在的问题是：

在第二个文本框中没有任何事件（尤其是按钮）自动填充州/城市。

有人知道吗？我使用了大多数 JavaScript 事件，例如 onselect、onclick 等，但没有用。

而且我不应该使用下拉列表。

Answer 1

您是否使用 .ajax 或 .get 从数据库中获取国家/地区列表？ 如果是，请尝试改用 .getJSON。您可以有效地提供响应数组，因此意味着您的第一个响应来自 AJAX 脚本 data.countries，而 json 数组中的第二个元素是 data.states。

jQuery

 $("#text-box").click(function(){
    $.getJSON('ajax/get-locations.jsp', function(data) {
      $('#div-countries').html(data.countries);
      $('#div-states').html(data.states);
    });
 });

JSP

// Query to get countries
// Build html for countries list (stored in $countriesHTML)

// Query to get states
// Build html for states list (stored in $statesHTML)

// Put html in json array and echo / print / output the json as the result of your script (in the below format, replace $countriesHTML and $statesHTML with your own variables for the HTML).

echo '{ "countries": $countriesHTML, "states": $statesHTML }'

我希望这是有道理的，我已经很久没有做过 JSP 了，所以我没有尝试编写它，但是上面的伪代码应该是适用于任何脚本语言的理论。