asp+js+access 三级联动的问题 20
工作需要,要做一个三级联动的,在网上找了个例子,但和我的情况有些不同,要做一些修改。下面是我改了从第一级到第二级的,改了以后不成功,请懂的人帮我看看要怎么改,不要笑我哈,...
工作需要,要做一个三级联动的,在网上找了个例子,但和我的情况有些不同,要做一些修改。下面是我改了从第一级到第二级的,改了以后不成功,请懂的人帮我看看要怎么改,不要笑我哈,我不懂都是自己瞎弄。
数据库是三个字段,class sizeorno color
数据大概是这样
class sizeorno color
缎带 9mm,16mm 红色,黑色,黄色
丝带 25mm,38mm 绿色,蓝色,紫色
要求是第一级选择缎带后,第二级显示两个选项9mm和16mm
<%dim count1
sql1="select * from material"
Set rs1=Server.CreateObject("ADODB.Recordset")
rs1.open sql1,conn,1,1
%>
<script language="JavaScript">
var onecount;
onecount=0;
subcat=new Array();
<%count1=0
do while not rs1.eof
%>
subcat[<%=count1%>]=new Array("<%=trim(rs1("id"))%>","<%=trim(rs1("class"))%>","<%=trim(rs1("sizeorno"))%>");
<%
count1=count1+1
rs1.movenext
loop
rs1.close
%>
onecount=<%=count1%> ;
function changelocation(locationid)
{
document.form1.sel2.length=0;
var locationid=locationid;
var i;
for (i=0;i<onecount;i++)
{
if(i==0){document.form1.sel2.options[document.form1.sel2.length]=new Option("选择二类"," ");}
if(subcat[i][1]==locationid)
{
var array1=subcat[i][2].split(",");
var j;
for(j=0;j<array1.length;j++)
{document.form1.sel2.options[document.form1.sel2.length]=new Option(array1(j),subcat[i][1];}
}
}
}
</script> 展开
数据库是三个字段,class sizeorno color
数据大概是这样
class sizeorno color
缎带 9mm,16mm 红色,黑色,黄色
丝带 25mm,38mm 绿色,蓝色,紫色
要求是第一级选择缎带后,第二级显示两个选项9mm和16mm
<%dim count1
sql1="select * from material"
Set rs1=Server.CreateObject("ADODB.Recordset")
rs1.open sql1,conn,1,1
%>
<script language="JavaScript">
var onecount;
onecount=0;
subcat=new Array();
<%count1=0
do while not rs1.eof
%>
subcat[<%=count1%>]=new Array("<%=trim(rs1("id"))%>","<%=trim(rs1("class"))%>","<%=trim(rs1("sizeorno"))%>");
<%
count1=count1+1
rs1.movenext
loop
rs1.close
%>
onecount=<%=count1%> ;
function changelocation(locationid)
{
document.form1.sel2.length=0;
var locationid=locationid;
var i;
for (i=0;i<onecount;i++)
{
if(i==0){document.form1.sel2.options[document.form1.sel2.length]=new Option("选择二类"," ");}
if(subcat[i][1]==locationid)
{
var array1=subcat[i][2].split(",");
var j;
for(j=0;j<array1.length;j++)
{document.form1.sel2.options[document.form1.sel2.length]=new Option(array1(j),subcat[i][1];}
}
}
}
</script> 展开
2个回答
展开全部
另一个问题的回答,希望对你有帮助,不管多少级联动都没问题的,用ajax
<select name="province" id="province">
<option value="">请选择省份</option>
</select>
<select name="city" id="city">
<option value="">请选择城市</option>
</select>
$(document).ready(function(){
//省份数据初始化
$.getJSON('ajax_data.asp', {act:'province'}, function(json){
$.each(json, function(index, data){
$('#province').append("<option value='"+data['area_id']+"'>"+data['area_name']+"</option>");
}); //end each
}); //end getJSON
//获取城市数据
$('#province').change(function(){
$.getJSON('ajax_data.asp', {act:'city',provinceid:$('#province').val()}, function(json){
$('option', '#city').remove();
$('#city').append("<option value=''>请选择城市</option>");
$.each(json, function(index, data){
$('#city').append("<option value='"+data['area_id']+"'>"+data['area_name']+"</option>");
}); //end each
}); //end getJSON
}); //end province change
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询