环境: 选定A下拉框内容时候,出现第二个B下拉框并且内容是A下拉框的相应内容.是"出现" 不是原本是就有的.
比如:我选择 “福建” 出现第2个下拉框选“福州” 再出现第三个下拉框“某某区” 以此类推 到无内容.
第一个问题:是不是用JS实现 会的来点代码 不要太多 看的累 最好能写出思想
第二个问题:单选择第一个的时候 是否 重新刷新页面才出现第二个?
第三个问题:onload 属性用来干什么的 跟onclick 有什么区别
总:说到点上的另送100分
环境: 选定A下拉框内容时候,出现第二个B下拉框并且内容是A下拉框的相应内容.是"出现" 不是原本是就有的.
比如:我选择 “福建” 出现第2个下拉框选“福州” 再出现第三个下拉框“某某区” 以此类推 到无内容.
第一个问题:是不是用JS实现 会的来点代码 不要太多 看的累 最好能写出思想
第二个问题:单选择第一个的时候 是否 重新刷新页面才出现第二个?
第三个问题:onload 属性用来干什么的 跟onclick 有什么区别
总:说到点上的另送100分
第一个问题:是用JS实现,用JS动态添加选项,示例:
<script language="JavaScript">
function SecondSL(num)
{
//0为请选择提示子项
//第2个为本身标识
//第3个是所属类别,所以通过此值对比上级项值,即可筛选出同级项来
city = new Array();
city[1]= new Array("唐山市","1","1");
city[2]= new Array("石家庄","2","1");
city[3]= new Array("营口市","3","2");
city[4]= new Array("沈阳市","4","2");
//把数组的值用数据库读出
document.form1.s1.length = 0;
document.form1.s1.options[0]= new Option("请选择市","0");
j=1;
for(i=1;i<=4;i++)
{
//比较每一个数据,
//把同一类别的项筛选出来
if(city[i][2]==num)
{
//document.form1.s1.length 当前选项的个数
//不能使用i作为标识,因为有的数据项不是属于num级的数据
document.form1.s1.options[document.form1.s1.length]= new Option(city[i][0],city[i][1]);//创建新子项
}
j++
}
}
function ThirdSL(num)
{
city = new Array();
city[1]= new Array("唐山路北区","1","1");
city[2]= new Array("唐山古冶区","2","1");
city[3]= new Array("石家庄正定","3","2");
city[4]= new Array("石家庄新集","4","2");
city[5]= new Array("营口站前区","5","3");
city[6]= new Array("营口西市区","6","3");
city[7]= new Array("沈阳市区","7","4");
city[8]= new Array("沈阳三好街","8","4");
//把数组的值用数据库读出
document.form1.s2.length = 0;
document.form1.s2.options[0]= new Option("请选择县","0");
j=1;
for(i=1;i<=8;i++)
{
if(city[i][2]==num)
{
document.form1.s2.options[document.form1.s2.length]= new Option(city[i][0],city[i][1]);
}
j++
}
}
</script>
<body>
<form name="form1" method="post" action="">
<!--form1.ss的值用数据库读出-->
<select name="ss" onchange="SecondSL(document.form1.ss.options[document.form1.ss.selectedIndex].value)">
<option value="0">请选择省</option>
<option value="1">河北省</option>
<option value="2">辽宁省</option>
</select>
<select name="s1" onchange="ThirdSL(this.value)">
</select>
<select name="s2" id="s2">
</select>
</form>
</body>
第二个问题:不是,不刷新出现。
第三个问题:onload 是当文档载入时(也就是读取到<body>标签时)即触发的JS代码段,onclick 是单击才触发的。