◆关联菜单的有关问题
日期：2014-05-17 浏览次数：21003 次
◆关联菜单的问题
以下是我的一个关联菜单，已经可以实现上下互联的。
如果用户选择第一个菜单的内容时，第二个菜单的内容亦会进行判断后自动显示出来。
但是，我现在需要在第二个菜单的内容显示时，先在前面显示一个“全部类别、value= "0 "的的内容。
如当用户选择第一个select时，第二个select不是先出现 "nokia...等内容 ",而是先
显示一个“全部”。
：
<select name= "select1 ">
<option value= " "> 全部 </option>
<option value= "1 "> 手机 </option>
<option value= "2 "> 数码相机 </option>
</select>
<select name= "select2 ">
<option value= " "> 全部 </option>
<option value= "1 "> NOKIA </option>
<option value= "2 "> SONY </option>
</select>
我全部代码如下，请帮忙一下，谢谢。
<!--#include file= "conn.asp "-->
<html>
<head>
<SCRIPT language=javascript>
se = new Array();
var i;
<%
i=0
set rs1=server.createobject( "adodb.recordset ")
sql= "select * from productSort "
rs1.open sql,conn,1,1
do while not rs1.eof
%>
se[ <%=i%> ]= new Array( " <%=rs1( "id ")%> ", " <%=rs1( "englishname ")%> ", " <%=rs1( "fatherid ")%> ");
<%
rs1.movenext
i=i+1
loop
rs1.close
set rs1=nothing
%>
function changeSe(obj,curId)
{
document.searchfrm.type_name.length=0;
//document.searchfrm.pp_id.options[0] = new Option( '所有分类 ', ' ');
if (obj== " ")
{
select_obj=document.getElementById( "type_name ")
//应用W3C DOM对像模型建立子节点
option_obj=document.createElement( "option ")
option_obj.value= " "
option_obj.innerText= "所有分类 "
select_obj.appendChild(option_obj)
}
if (obj!= " ")
{
i=0;
for (i=0;i <se.length; i++)
{
if (se[i][2]== obj)
{
select_obj=document.getElementById( "type_name ")
//应用W3C DOM对像模型建立子节点
option_obj=document.createElement( "option ")
option_obj.value=se[i][0]
option_obj.innerText=se[i][1]
if(se[i][0]==curId)
option_obj.selected =true;
select_obj.appendChild(option_obj)
}
}
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name=searchfrm action=product.asp method=post>
<SELECT class=searchSelect onchange=changeSe(this.value) name=type>
<OPTION value= " " selected> All </OPTION>
<%
set rs=server.createobject( "adodb.recordset ")
sql= "select * from productSort where fatherID=0 "
rs.open sql,conn,1,1
do while not rs.eof
id=rs( "id ")
name=rs( "englishname ")
response.write " <option value= "&id& "> "&name& " </option> "
rs.movenext
loop
rs.clos
以下是我的一个关联菜单，已经可以实现上下互联的。
如果用户选择第一个菜单的内容时，第二个菜单的内容亦会进行判断后自动显示出来。
但是，我现在需要在第二个菜单的内容显示时，先在前面显示一个“全部类别、value= "0 "的的内容。
如当用户选择第一个select时，第二个select不是先出现 "nokia...等内容 ",而是先
显示一个“全部”。
：
<select name= "select1 ">
<option value= " "> 全部 </option>
<option value= "1 "> 手机 </option>
<option value= "2 "> 数码相机 </option>
</select>
<select name= "select2 ">
<option value= " "> 全部 </option>
<option value= "1 "> NOKIA </option>
<option value= "2 "> SONY </option>
</select>
我全部代码如下，请帮忙一下，谢谢。
<!--#include file= "conn.asp "-->
<html>
<head>
<SCRIPT language=javascript>
se = new Array();
var i;
<%
i=0
set rs1=server.createobject( "adodb.recordset ")
sql= "select * from productSort "
rs1.open sql,conn,1,1
do while not rs1.eof
%>
se[ <%=i%> ]= new Array( " <%=rs1( "id ")%> ", " <%=rs1( "englishname ")%> ", " <%=rs1( "fatherid ")%> ");
<%
rs1.movenext
i=i+1
loop
rs1.close
set rs1=nothing
%>
function changeSe(obj,curId)
{
document.searchfrm.type_name.length=0;
//document.searchfrm.pp_id.options[0] = new Option( '所有分类 ', ' ');
if (obj== " ")
{
select_obj=document.getElementById( "type_name ")
//应用W3C DOM对像模型建立子节点
option_obj=document.createElement( "option ")
option_obj.value= " "
option_obj.innerText= "所有分类 "
select_obj.appendChild(option_obj)
}
if (obj!= " ")
{
i=0;
for (i=0;i <se.length; i++)
{
if (se[i][2]== obj)
{
select_obj=document.getElementById( "type_name ")
//应用W3C DOM对像模型建立子节点
option_obj=document.createElement( "option ")
option_obj.value=se[i][0]
option_obj.innerText=se[i][1]
if(se[i][0]==curId)
option_obj.selected =true;
select_obj.appendChild(option_obj)
}
}
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name=searchfrm action=product.asp method=post>
<SELECT class=searchSelect onchange=changeSe(this.value) name=type>
<OPTION value= " " selected> All </OPTION>
<%
set rs=server.createobject( "adodb.recordset ")
sql= "select * from productSort where fatherID=0 "
rs.open sql,conn,1,1
do while not rs.eof
id=rs( "id ")
name=rs( "englishname ")
response.write " <option value= "&id& "> "&name& " </option> "
rs.movenext
loop
rs.clos
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
