将数据添加到 HTML 组合框

Question

我的 JSP 页面中有两个组合框，名为 combo1 和 combo2。我在 mysql 中有一个名为 ZoneData 的表。在此表中有两列称为区域和子区域。当网页加载时，我希望当我从 combo1 中选择区域名称时，应从 ZoneData 表中提取所选区域的所有子区域并添加到 combo2 中。我无法做到这一点。我应该使用任何combo1的事件吗？请帮助我是网络编程的新手。

Answer 1

做这类事情的通常方法是使用javascript来管理combo1 onChange事件。

我建议你使用 jQuery 框架，因为它简化了很多 JavaScript 客户端编码的基础http://jquery.com

当事件被触发时，您所做的是在 javascript 函数上捕获它并对您的服务器进行 AJAX 调用，在那里您有一些服务器方法来过滤必须加载到您的 combo2 中的 combo2 值，具体取决于组合 1 的值。当此方法返回时，AJAX 调用将接收来自该方法的值，并允许您更新 combo2 中的数据

这是管理更改事件和进行 AJAX 调用所需的 jQuery 代码的简短示例：

$("#combo1").change(function () {
    $.ajax({
        url: herePutTheUrlToYourServerMethod,
        data: $("#combo1").val(),
        success: function (returnedValueFromYourServerMethod) {
            //Here use returnedValueFromYourServerMethod data to reload combo2 info
            //There are several differents ways to do it that depends on what will 
            //   your server method return
        } 
    });
});