<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>jquery 级联下拉框实例代码</title>
</head><body>
<script>
$('#select1').change(function (){
$.ajax({
url:'css教程rain.jsp教程',
type:'post', //数据发送方式
datatype:'xml', //接受数据格式
data:'id=1&text='+$("select[@id='select1'] option[@selected]").text()+'&date='+new date(), //要传递的数据
error:function(json){
alert( "not lived!");
},
success: function(xml){
$("#select2").html('');//清空2号下拉框
$(xml).find("name").each(function(){
var id=$(this).attr("id"); //获取返回的id
var name=$(this).text(); //获取返回的name
$('<option value='+id+'>'+name+'</option>').appendto('#select2'); //添加下拉框
$("#select2").attr('disabled','') //2号下拉框可用
});
}
});
});//方法二
if(id.equals("1"))
{
response.setcontenttype("text/xml");//注意,由于你是以xml形式传递过来的,所以这里必须写。
system.out.println(text);
out.print("{'data':[");
mgr mgr=new mgr();//查询数据库教程
list list = mgr.getsel2(text);
for(int i=0;i<list.size();i++)
{
test test =(test)list.get(i);
if(i ==list.size()-1){
out.print("{'ids':"+test.getid()+",'names':"+test.getname()+"}");
}else{
out.print("{'ids':"+test.getid()+",'names':"+test.getname()+"},");
}
}
out.print("]};");---------------index.jsp
//1号下拉框事件
$('#select1').change(function (){$.ajax({
url:'cssrain.jsp',
type:'post', //数据发送方式
datatype:'json', //接受数据格式
data:'id=1&text='+$("#select1 option:selected").text()+'&date='+new date(), //要传递的数据error:function(json){
alert( "not lived!");
},
success: function(xml){
$("#select2").html('');//清空2号下拉框
$(xml).find("name").each(function(){
var id=$(this).attr("id"); //获取返回的id
var name=$(this).text(); //获取返回的name
$('<option value='+id+'>'+name+'</option>').appendto('#select2'); //添加下拉框
$("#select2").attr('disabled','') //2号下拉框可用
});
}
});
});
</script>
</body>
</html>