将数据添加到HTML组合框

时间:2012-09-26 08:29:39

标签: mysql html jsp

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

1 个答案:

答案 0 :(得分:1)

执行此类操作的常用方法是使用javascript管理combo1 onChange事件。

我建议您使用jQuery框架,因为它简化了javascript客户端编码的基础知识http://jquery.com

当事件被触发时你要做的是在javascript函数上捕获它并对你的服务器进行AJAX调用,你有一些服务器方法来过滤必须加载到你的combo2中的combo2值,具体取决于combo1的值。当此方法返回时,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
        } 
    });
});