Mysql 向HTML组合框添加数据

Mysql 向HTML组合框添加数据,mysql,html,jsp,Mysql,Html,Jsp,我的JSP页面中有两个组合框,分别名为combo1和combo2。我在mysql中有一个名为ZoneData的表。此表中有两列,分别称为zone和subzone。当网页加载时,我希望当我从combo1中选择区域名称时,所选区域的所有子区域都应从ZoneData表中提取并添加到combo2中。我不能这样做。我应该使用任何combo1的事件吗。请帮助我,我是网络编程的新手 执行此类操作的常用方法是使用javascript管理combo1 onChange事件 我建议您使用jQuery框架,因为它大大

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

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

我建议您使用jQuery框架,因为它大大简化了javascript客户端编码的基础

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