回 帖 发 新 帖 刷新版面

主题:多项下拉列表选择问题

问题描述:
  当选择第一个下拉列表某项值后,第二个下拉列表随第一个变化而变化,这样怎么实现呢。是通过JavaScript和ASP实现的。不要用其它脚本或语言。
  期待!!

回复列表 (共4个回复)

沙发

搜索"二级联动"

板凳

参考一下
<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 楼


你这个怎么样搞它弄成是下拉菜单呀?我也有这样的需求呀,谢啦

4 楼

不用意思,发没有看清楚,再来一个,自己改一下就可以用了
<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>

我来回复

您尚未登录,请登录后再回复。点此登录或注册