asp javascript 二级联动select 产品大类,小类
2009-02-06 13:09
429 查看
<select name="BigClassName" onChange="changelocation(document.myform.BigClassName.options[document.myform.BigClassName.selectedIndex].value)" size="1">
<%
dim rsBigClass
set rsBigClass=server.CreateObject("adodb.recordset")
rsBigClass.open "Select * From "&BigClass,conn,1,1
if rsBigClass.bof and rsBigClass.bof then
response.write "<option>请先添加产品大类</option>"
else
response.write "<option selected value='"& rsBigClass("BigClass_Name") & "'>" & rsBigClass("BigClass_Name") & "</option>"
dim selclass
selclass=rsBigClass("BigClass_Name")
rsBigClass.movenext
do while not rsBigClass.eof
response.write "<option value='"& rsBigClass("BigClass_Name") & "'>" & rsBigClass("BigClass_Name") & "</option>"
rsBigClass.movenext
loop
end if
rsBigClass.close
set rsBigClass=nothing
%>
</select>
<select name="SmallClassName">
<option value="" selected>不指定小类</option>
<%
dim rsSmallClass
set rsSmallClass=server.CreateObject("adodb.recordset")
rsSmallClass.open "Select * From "& SmallClass &" where BigClass_Name='"&selclass&"'",conn,1,1
if rsSmallClass.bof and rsSmallClass.bof then
response.write "<option>请先添加产品小类</option>"
else
do while not rsSmallClass.eof
response.write "<option value='"& rsSmallClass("SmallClass_Name") & "'>" & rsSmallClass("SmallClass_Name") & "</option>"
rsSmallClass.movenext
loop
end if
rsSmallClass.close
set rsSmallClass=nothing
%>
</select>
<%
dim rs
dim sql
dim count
set rs=server.createobject("adodb.recordset")
sql = "select * from "&SmallClass&" order by SmallClass_Id asc"
rs.open sql,conn,1,1
%>
<script language = "JavaScript">
var onecount;
subcat = new Array();
<%
count = 0
do while not rs.eof
%>
subcat[<%=count%>] = new Array("<%= rs("SmallClass_Name")%>","<%= rs("BigClass_Name")%>","<%= rs("SmallClass_Name")%>");
<%
count = count + 1
rs.movenext
loop
rs.close
%>
onecount=<%=count%>;
function changelocation(locationid)
{
document.myform.SmallClassName.length = 1;
var locationid=locationid;
var i;
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == locationid)
{
document.myform.SmallClassName.options[document.myform.SmallClassName.length] = new Option(subcat[i][0], subcat[i][2]);
}
}
}
</script>
<%
dim rsBigClass
set rsBigClass=server.CreateObject("adodb.recordset")
rsBigClass.open "Select * From "&BigClass,conn,1,1
if rsBigClass.bof and rsBigClass.bof then
response.write "<option>请先添加产品大类</option>"
else
response.write "<option selected value='"& rsBigClass("BigClass_Name") & "'>" & rsBigClass("BigClass_Name") & "</option>"
dim selclass
selclass=rsBigClass("BigClass_Name")
rsBigClass.movenext
do while not rsBigClass.eof
response.write "<option value='"& rsBigClass("BigClass_Name") & "'>" & rsBigClass("BigClass_Name") & "</option>"
rsBigClass.movenext
loop
end if
rsBigClass.close
set rsBigClass=nothing
%>
</select>
<select name="SmallClassName">
<option value="" selected>不指定小类</option>
<%
dim rsSmallClass
set rsSmallClass=server.CreateObject("adodb.recordset")
rsSmallClass.open "Select * From "& SmallClass &" where BigClass_Name='"&selclass&"'",conn,1,1
if rsSmallClass.bof and rsSmallClass.bof then
response.write "<option>请先添加产品小类</option>"
else
do while not rsSmallClass.eof
response.write "<option value='"& rsSmallClass("SmallClass_Name") & "'>" & rsSmallClass("SmallClass_Name") & "</option>"
rsSmallClass.movenext
loop
end if
rsSmallClass.close
set rsSmallClass=nothing
%>
</select>
<%
dim rs
dim sql
dim count
set rs=server.createobject("adodb.recordset")
sql = "select * from "&SmallClass&" order by SmallClass_Id asc"
rs.open sql,conn,1,1
%>
<script language = "JavaScript">
var onecount;
subcat = new Array();
<%
count = 0
do while not rs.eof
%>
subcat[<%=count%>] = new Array("<%= rs("SmallClass_Name")%>","<%= rs("BigClass_Name")%>","<%= rs("SmallClass_Name")%>");
<%
count = count + 1
rs.movenext
loop
rs.close
%>
onecount=<%=count%>;
function changelocation(locationid)
{
document.myform.SmallClassName.length = 1;
var locationid=locationid;
var i;
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == locationid)
{
document.myform.SmallClassName.options[document.myform.SmallClassName.length] = new Option(subcat[i][0], subcat[i][2]);
}
}
}
</script>
相关文章推荐
- 二级联动效果实现(在javascript中解析xml文件添加到html(select)中)
- ASP.NET利用JavaScript实现无刷新闪烁二级联动菜单
- Javascript实现二级select联动
- ASP.NET利用JavaScript实现无刷新闪烁二级联动菜单
- ASP.NET利用JavaScript实现无刷新闪烁二级联动菜单
- ShoppingPlatForm-----Register.aspx(javascript二级联动下拉框;会员注册页面;验证控件;正则表达式)RegularExpressionValidator控件;RequiredFieldValidator控件;RadioButtonList控件;CompareValidator控件;input标签;select标签
- ASP.NET利用JavaScript实现无刷新闪烁二级联动菜单
- asp结合javascript,xml,sqlserver制作的无刷新二级select
- javascript二级省市select联动菜单
- jsp+javascript实现动态下拉二级联动(select+option)
- JavaScript的DOM 编程 设置select标签的二级城市联动
- mvc中大类和小类二级联动下拉框使用 select2 插件的初始加载方法
- asp结合javascript,xml,sqlserver制作的无刷新二级select
- ASP.NET利用JavaScript实现无刷新闪烁二级联动菜单
- javascript中,二级联动问题(以省、市为例)
- ASP二级联动
- asp.net二级联动
- Javascript复习第五天二级联动菜单
- 最简单js代码实现select二级联动下拉菜单(测试通过)
- php和javascript实现二级联动下拉菜单