代码如下:
但是存在一个问题,选择大类后其中一个,小类改变了,然后再选大类为“请选择”后,小类里仍旧有上一次选择的小类。不知道是什么原因,请帮忙解决一下。谢谢。
[html]<form name="frm">
<select name="s1" onChange="redirec(document.frm.s1.options.selectedIndex)">
<option selected>请选择</option>
<option value="1">脚本语言</option>
<option value="2">高级语言</option>
<option value="3">其他语言</option>
</select><select name="s2">
<option value="请选择" selected>请选择</option>
</select>
</form>
<script language="javascript">
//获取一级菜单长度
var select1_len = document.frm.s1.options.length;
var select2 = new Array(select1_len);//把一级菜单都设为数组
for (i=0; i<select1_len; i++)
{
select2[i] = new Array();
}//定义基本选项
select2[0][0] = new Option("请选择", " ");select2[1][0] = new Option("PHP", " ");
select2[1][1] = new Option("ASP", " ");
select2[1][2] = new Option("JSP", " ");select2[2][0] = new Option("C/C++", " ");
select2[2][1] = new Option("Java", " ");
select2[2][2] = new Option("C#", " ");select2[3][0] = new Option("Perl", " ");
select2[3][1] = new Option("Ruby", " ");
select2[3][2] = new Option("Python", " ");//联动函数
function redirec(x)
{
var temp = document.frm.s2;
for (i=0;i<select2[x].length;i++)
{
temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);
}
temp.options[0].selected=true;}</script>[/html]
但是存在一个问题,选择大类后其中一个,小类改变了,然后再选大类为“请选择”后,小类里仍旧有上一次选择的小类。不知道是什么原因,请帮忙解决一下。谢谢。
[html]<form name="frm">
<select name="s1" onChange="redirec(document.frm.s1.options.selectedIndex)">
<option selected>请选择</option>
<option value="1">脚本语言</option>
<option value="2">高级语言</option>
<option value="3">其他语言</option>
</select><select name="s2">
<option value="请选择" selected>请选择</option>
</select>
</form>
<script language="javascript">
//获取一级菜单长度
var select1_len = document.frm.s1.options.length;
var select2 = new Array(select1_len);//把一级菜单都设为数组
for (i=0; i<select1_len; i++)
{
select2[i] = new Array();
}//定义基本选项
select2[0][0] = new Option("请选择", " ");select2[1][0] = new Option("PHP", " ");
select2[1][1] = new Option("ASP", " ");
select2[1][2] = new Option("JSP", " ");select2[2][0] = new Option("C/C++", " ");
select2[2][1] = new Option("Java", " ");
select2[2][2] = new Option("C#", " ");select2[3][0] = new Option("Perl", " ");
select2[3][1] = new Option("Ruby", " ");
select2[3][2] = new Option("Python", " ");//联动函数
function redirec(x)
{
var temp = document.frm.s2;
for (i=0;i<select2[x].length;i++)
{
temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);
}
temp.options[0].selected=true;}</script>[/html]
解决方案 »
- 只想说jQuery都忘干净了。。。帮忙看一下。。。
- jquery 解析xml如何获取到子节点的名称
- 幻灯片问题,寻flash高手 急!!!!!!!!!!!!!
- 我是一个美工想学习一点编程不知道学习哪个好,
- 谁对DOM对象熟,帮忙看一下这个增加 tr,td 的函数.
- iframe中使用parent提示无权限问题
- 状态栏什么也不显示的样式怎样写
- 有个小问题
- 如何将点击文字链接以后弹出的一张图片的页面,使弹出的web页面于图片一样大
- A beginner's QUESTIONS in JavaScript!!!! Help Me!!!URGENTLY~~~~~~~~~
- 如何在javascript中异步调用一个函数
- jquery 取前后元素
<option value="0" selected>请选择</option>
<option value="1">脚本语言</option>
<option value="2">高级语言</option>
<option value="3">其他语言</option>
</select>
-----------------
//联动函数
function redirec(x){
var temp = document.frm.s2;
if (x==0){temp.options.length=0;return;}
for (i=0;i<select2[x].length;i++)
{
temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);
}
temp.options[0].selected=true;}