页面作级联效果 _Web前端

页面做级联效果

<!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=utf-8" />
<title>无标题文档</title>
<script language="javascript" src="javascript/MultiDropDownList.js"></script>
</head>

<body>
	<script language="javascript">
	var a = new Array();
	var b = new Array();
	b[0] = new Array();
	b[0][0] = "3301";
	b[0][1] = "杭州";
	b[1] = new Array();
	b[1][0] = "3302";
	b[1][1] = "宁波";
	var c = new Array();
	c[0] = new Array();
	c[0][0] = "330101";
	c[0][1] = "上城区";
	c[1] = new Array();
	c[1][0] = "330201";
	c[1][1] = "宁波区";
	var d = new Array();
	d[0] = new Array();
	d[0][0] = "33010101";
	d[0][1] = "文三路";
	a[0] = b;
	a[1] = c;
	a[2] = d;
	var mc = new MultiDropDownList("mc",a,new Array("a","b","c"),"demo","^@.{2}",new Array("","-请选择-"),new Array("3301","330101","33010101"),"");
	mc.create();
	</script>
</body>
</html>

?一种类似与假分页的级联实现

		<tr class="trbg0">
				<td class="table-title"><span class="f-red">*</span>所属地区</td>
				<td colspan="5" style="text-align:left;" class="table-title">
				<input name="btEnterprise.szs" type="hidden" value="33" />
				<input name="btEnterprise.szsmc" type="hidden" value="浙江省" />
					<script language="javascript">
	var a = new Array();
	var b = new Array();
	<s:iterator value="shilist" id="list" status="L">
	b[${L.index}] = new Array();
	b[${L.index}][0] = "${list.code}";
	b[${L.index}][1] = "${list.name}";
	</s:iterator>
	var c = new Array();
	<s:iterator value="xianlist" id="list2" status="K">
	c[${K.index}] = new Array();
	c[${K.index}][0] = "${list2.code}";
	c[${K.index}][1] = "${list2.name}";
	</s:iterator>
	a[0] = b;
	a[1] = c;
	var mc = new MultiDropDownList("mc",a,new Array("btEnterprise.szshi","btEnterprise.szqx"),"validate[required]","^@.{2}",new Array("","-请选择-"),new Array("${btEnterprise.szshi}","${btEnterprise.szqx}"),"");
	mc.create();
	</script>

动态实践代码