struts2.1 和ajax实现二级下拉框联动，使用jquery、json，代码怎么实现。
展开全部
<script type="text/javascript">
$(document).ready(function(){
var da=null;
//获取一级下拉数据，加载页面时加载数据
$.ajax({
type:"post",
data:{},
url:"...........",
success:function(data){da=data;},
dataType:"json"
});
//为第一个下拉加载数据
selectinit(da,"s1");
//第一个下拉的onchange事件绑定
$("#s1").onchange(function(){
var select1value=$("#s1").value;
select2datasouse(select1value);
//为第二个下拉加载数据
selectinit(da,"s2");
});
});
//获取二级下拉的数据
function select2datasouse(shenid){
$.ajax({
type:"post",
data:{"shenid":shenid},
url:"...........",
success:function(data){da=data;},
dataType:"json"
});
}
function selectinit(data,selectid,properName){
if(data!=null){
var $select1=$("#"+selectid);
$select1.empty();
$("<option/>").attr("value","0").html("--请选择--").appendTo($select1);
for(var i=0;i<data.length;i++){
$("<option/>").attr("value",data[i].id).html(data[i].Name).appendTo($select1);
}
}
}
</script>
</head>
<body>
<select id="s1" name="s1"></select>
<select id="s2" name="s2"></select>
</body>
$(document).ready(function(){
var da=null;
//获取一级下拉数据，加载页面时加载数据
$.ajax({
type:"post",
data:{},
url:"...........",
success:function(data){da=data;},
dataType:"json"
});
//为第一个下拉加载数据
selectinit(da,"s1");
//第一个下拉的onchange事件绑定
$("#s1").onchange(function(){
var select1value=$("#s1").value;
select2datasouse(select1value);
//为第二个下拉加载数据
selectinit(da,"s2");
});
});
//获取二级下拉的数据
function select2datasouse(shenid){
$.ajax({
type:"post",
data:{"shenid":shenid},
url:"...........",
success:function(data){da=data;},
dataType:"json"
});
}
function selectinit(data,selectid,properName){
if(data!=null){
var $select1=$("#"+selectid);
$select1.empty();
$("<option/>").attr("value","0").html("--请选择--").appendTo($select1);
for(var i=0;i<data.length;i++){
$("<option/>").attr("value",data[i].id).html(data[i].Name).appendTo($select1);
}
}
}
</script>
</head>
<body>
<select id="s1" name="s1"></select>
<select id="s2" name="s2"></select>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我这有一个strruts1和ajax实现的二级联动案例，
省市级联ssh1+jquery+json；struts2.1也可以实现，参考我这个稍微改动一下就OK了！
如果需要，请把邮箱贴出来！
省市级联ssh1+jquery+json；struts2.1也可以实现，参考我这个稍微改动一下就OK了！
如果需要，请把邮箱贴出来！
追问
感谢你们的回答
我邮箱：511411973@qq.com
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要删除某一行一定要一个唯一的id(id值必须唯一)
<table id="table4" border="1">
<thead>
<tr>
<td><input type="checkbox" name="qx" id="qx"/></td>
<td>文章标题</td>
<td>分类</td>
<td>发布时间</td>
<td>操作</td>
</tr>
</thead>
<tbody id="content">
</tbody>
</table>
jquery部分：
假设返回值是：var a = [,];
var arr = Array();
for(var i=0;i<a.length;i++){
arr.push('<tr>');
arr.push('<td><input type="checkbox"></td>');
arr.push('<td>'+a[i].title+'</td>');
arr.push('<td>'+a[i].cate+'</td>');
arr.push('</tr>');
}
for(var i=0;i<arr.length;i++){
$('#content').append(arr[i]);
}
append()可以添加连续添加内容，之前的内容不便，如果要直接起到覆盖作用：可以用html()
<table id="table4" border="1">
<thead>
<tr>
<td><input type="checkbox" name="qx" id="qx"/></td>
<td>文章标题</td>
<td>分类</td>
<td>发布时间</td>
<td>操作</td>
</tr>
</thead>
<tbody id="content">
</tbody>
</table>
jquery部分：
假设返回值是：var a = [,];
var arr = Array();
for(var i=0;i<a.length;i++){
arr.push('<tr>');
arr.push('<td><input type="checkbox"></td>');
arr.push('<td>'+a[i].title+'</td>');
arr.push('<td>'+a[i].cate+'</td>');
arr.push('</tr>');
}
for(var i=0;i<arr.length;i++){
$('#content').append(arr[i]);
}
append()可以添加连续添加内容，之前的内容不便，如果要直接起到覆盖作用：可以用html()
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
