自动填充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了，这就是为什么我没有尝试编写它的原因，但是上面的伪代码应该是适用于任何脚本语言的理论。