当前位置:编程学习 > JAVA >>

jsp中表格中得下拉列表连动是怎么做的啊?

jsp的table中,有两个下拉列表需要连动。 我用的是jquery。。但是不知道怎么去实现。。给点思路也行。。jsp中得下拉列表倒还好做。但是到了table里面后不知道怎么做了。。。。 --------------------编程问答-------------------- A下拉列表是省 B下拉是市 监听A的选中事件 得到选中的省名称 ajax发送到后台 取出此省下属的所有市 加载到B中  --------------------编程问答-------------------- AJAX 连动。网上的列子多了去了 --------------------编程问答-------------------- 为一个select注册onchange事件,动态修改第二个select的selectedValue .. --------------------编程问答-------------------- 可以通过ajax,也可以用javascript!网上有很多例子!也很详细! --------------------编程问答-------------------- jsp中的联动分两种:
一种是比较简单的数据比较少的你可以把需要联动的数据做成数组然后写在js里,然后onchange事件监控第一下拉然后根据选的值去数组里面取然后在第二个下拉中造出option把数据放进去
第二种就是用ajax的回调函数,也是用onchange监控第一个下拉然后指action把选中值传到action中然后在数据库中把第二个下拉需要的数据查出来然后给第二个下拉造出option然后循环出来
这个是第二种的例子:

$(document).ready(function(){
$("#merchantArea").change(function()
{

       var areaCode=$("#merchantArea").val();// 获得省的编号
       var url = "merchantAjax_selectCity.action";
   var params = {
   areaCodeProvince:areaCode
};
jQuery.post(url, params, delCall, 'json');
});
});


function delCall(data)
{
var rs = eval(data.talist);
if (rs.length!="0") {

var se =$("<select id=\"merchantAreaCtiy\" name=\"Acity\" onchange=\"xxxxx()\"></select>");
$.each(rs,function(index,a){
var op = "<option value=\""+a.areaCode+"\" >"+a.areaName+"</option>";
se.append($(op));
});
$("#aa").empty();
$("#bb").empty();
$("#aa").append(se);
} else {
$("#aa").empty();
$("#bb").empty();
 }
}

补充:Java ,  Web 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,