UC知道如何实现一个页面两个SELECT的动态关联
来源：百度知道 编辑：UC知道 时间：2024/05/28 07:56:42
<html>
<head>
<script language=javascript>
function act(selectedIndex) //Selectclass OnChange事件
{ var e = document.form.selectname;
for (var i=e.options.length; i>=0; i--) e.remove(i); //清空selectname里的内容
}
</script>
</head>
<body>
<form name="form">
<select name="selectclass" OnChange="act(this.selectedIndex)">
//从数据库中读取相应信息并初始化Select里Options的值
<option>请选择部门</option>
<%!List lt; %>
<% try{
sqltools t=new sqltools();//与数据库建立连接
lt=t.getUsers("select DISTINCT bumen from DPOWER where DPOWER='0'");
//执行该SQL语句获得想要的值并放入LIST类型的表中
Iterator it = lt.iterator();
while ( it.hasNext()) {
<head>
<script language=javascript>
function act(selectedIndex) //Selectclass OnChange事件
{ var e = document.form.selectname;
for (var i=e.options.length; i>=0; i--) e.remove(i); //清空selectname里的内容
}
</script>
</head>
<body>
<form name="form">
<select name="selectclass" OnChange="act(this.selectedIndex)">
//从数据库中读取相应信息并初始化Select里Options的值
<option>请选择部门</option>
<%!List lt; %>
<% try{
sqltools t=new sqltools();//与数据库建立连接
lt=t.getUsers("select DISTINCT bumen from DPOWER where DPOWER='0'");
//执行该SQL语句获得想要的值并放入LIST类型的表中
Iterator it = lt.iterator();
while ( it.hasNext()) {
实现一个页面的两个select的联动关联，主要就是使用makeshi这个函数，onchange里传递所选中的值，然后根据该值来判断显示数组里的值。以一个页面内的选择一个地区，后面会自动筛选细分地区为例，代码参考以下：
<head>
<meta http-equiv="Content-Type" ontent="text/html; charset=gb2312" />
<title>表单元素[select下拉列表]制作二级联动菜单</title>
<script language="javascript">
//下面函数是演示二，联动菜单的处理代码
function makeshi(x){
var form2=document.diqu.one.options.length;//这句解释同上
var diqul=new Array(form2)//新建一个数组，项数为第一个下拉列表的项数
for(i=0;i<form2;i++)//循环第一个下拉列表的项数那么多次
diqul[i]=new Array();//子循环
//下面是给每个循环赋值
var shi=document.diqu.shi;//方便引用
diqul[0][0]=new Option("绵阳","绵阳");
diqul[0][1]=new Option("成都","成都");
diqul[0][2]=new Option("广元","广元");
diqul[1][0]=new Option("盐城","盐城");
diqul[1][1]=new Option("苏州","苏州");
diqul[1][2]=new Option("常州&qu