主题:多项下拉列表选择问题
java2006
[专家分:210] 发布于 2007-12-21 11:41:00
问题描述:
当选择第一个下拉列表某项值后,第二个下拉列表随第一个变化而变化,这样怎么实现呢。是通过JavaScript和ASP实现的。不要用其它脚本或语言。
期待!!
回复列表 (共4个回复)
沙发
wangsdong [专家分:21390] 发布于 2007-12-21 12:56:00
搜索"二级联动"
板凳
a97191 [专家分:4040] 发布于 2007-12-21 19:44:00
参考一下
<script language=javascript >
function ShowList(txt)
{
var MenuHtml;
MenuHtml="";
for(var i=0;i<this.MenuList.length;i++)
{
if(this.MenuList[i].id==txt)
{
MenuHtml+="<a href=# onClick=ShowList('"+this.MenuList[i].value+"') >"+this.MenuList[i].value+"</a>"
MenuHtml+="<div id=DMenu class='"+this.MenuList[i].value+"' ></div>"
}
}
var k;
k=0;
for(var j=0;j<this.DMenu.length;j++)
{
if(this.DMenu[j].className==txt)
{
k=j;
break;
}
}
if(this.DMenu[k].innerHTML=="")
this.DMenu[k].innerHTML=MenuHtml;
else
this.DMenu[k].innerHTML="";
}
</script>
<a href=# onclick=ShowList("关于我们") >关于我们</a>
<div id=DMenu class=关于我们 >
</div>
<a href=# onclick=ShowList("我们的项目") >我们的项目</a>
<div id=DMenu class=我们的项目 >
</div>
<a href=# onclick=ShowList("联系我们") >联系我们</a>
<div id=DMenu class=联系我们 >
</div>
<input name=MenuList id="关于我们" value="关于我们1" type=hidden>
<input name=MenuList id="关于我们1" value="关于我们2" type=hidden>
<input name=MenuList id="关于我们1" value="关于我们2" type=hidden>
<input name=MenuList id="关于我们2" value="关于我们3" type=hidden>
<input name=MenuList id="我们的项目" value="我们的项目1" type=hidden >
<input name=MenuList id="我们的项目1" value="我们的项目2" type=hidden >
3 楼
jason2007 [专家分:0] 发布于 2007-12-21 22:11:00
你这个怎么样搞它弄成是下拉菜单呀?我也有这样的需求呀,谢啦
4 楼
a97191 [专家分:4040] 发布于 2007-12-22 11:20:00
不用意思,发没有看清楚,再来一个,自己改一下就可以用了
<script language = "JavaScript">
var lmcount;
var lmcount1;
lm=new Array();
<%
set rs=server.CreateObject("adodb.recordset")
rs.open "type",conn,1,1
j=0
do while not rs.eof
lm1=lm1&"<option value='"&rs("type")&"'>"&rs("type")&"</option>"
set rst=server.CreateObject("adodb.recordset")
sql="select *from subtype where typeid='"&trim(rs("type"))&"' order by typename "
rst.open sql,conn,1,1
count=j
do while not rst.eof
%>
lm[<%=count%>]=new Array("<%= trim(rst("typename"))%>","<%= trim(rst("typeid"))%>","<%= trim(rst("typename"))%>");
<%count=count+1
rst.movenext
t=count1
loop
rst.close
set rst=nothing
rs.movenext
j=count
loop
rs.close
set rs=nothing
%>
lmcount=<%=count%>;
function changelangmu1(langmu1){
document.form1.select4.length=1;
var langmu1=langmu1;
var i;
for (i=0;i<lmcount; i++){
if (lm[i][1]==langmu1){
document.form1.select4.options[document.form1.select4.length]=new Option(lm[i][0], lm[i][2]);
}
}
}
</script>
<form action="zn.asp" method="post" name="form1">
<tr>
<td><div align="right">产品类型:</div></td><td colspan="2">
<select name="select3" onChange="changelangmu1(document.form1.select3.value)">
<option selected value="">请选择大类</option>
<%=lm1%>
</select>
<select size="1" name="select4">
<option selected value="">请选择小类</option>
</select></td>
</tr>
</form>
</table>
我来回复