您的位置：首页 > 其它

二级下拉列表的实现

2006-12-23 16:16 489 查看

<html>
<head>
<title>关联下拉列表</title>
<body>
<script language="javascript">
function GetObjId(ObjName)
{
//alert(document.all.tags('select')[i].name);
for(i = 0; i < document.all.tags('select').length; i++)
{
if (document.all.tags('select')[i].name == ObjName) {return(i); break;}
}
return(-1);
}

function Do_ToDo_Change(ObjName1, ObjName2, StatInt)
{
//document.forms[0].elements[0].name
var id1, id2, tempstr, tempint
var my_array = new Array();
my_array[0] = '11|A-aaaaa,12|A-bbbbb,13|A-ccccc,14|A-ddddd';
my_array[1] = '21|B-aaaaa,22|B-bbbbb,23|B-ccccc,24|B-ddddd';
my_array[2] = '31|C-aaaaa,32|C-bbbbb,33|C-ccccc,34|C-ddddd';
my_array[3] = '41|黄晓峰,42|小黄蜂,43|黄风小,44|冯小黄';

id1 = GetObjId(ObjName1);
id2 = GetObjId(ObjName2);
tempint = document.all.tags('select')[id2].length;

for(i = 1; i < tempint; i++)
{
document.all.tags('select')[id2].options[1] = null
}

if (document.all.tags('select')[id1].selectedIndex > StatInt - 1)
{
tempstr = my_array[document.all.tags('select')[id1].selectedIndex - 1].split(",");
for(i = 1; i <= tempstr.length; i++)
{
document.all.tags('select')[id2].options[i] = new Option(tempstr[i - 1].substr(tempstr[i - 1].indexOf("|") + 1), tempstr[i - 1].substr(0,tempstr[i - 1].indexOf("|")))
}
}
}

</script>
<form action="select2.html">
<select name="select" onchange=Do_ToDo_Change('select','select2','1')>
A级菜单:
<option name="select" value="" selected>请选择A级菜单</option>
<option value="">AAAAA</option>
<option value="">BBBBB</option>
<option value="">CCCCC</option>
<option value="">ddddd</option>
</select>
B级菜单：
<select name="select2">
<option value="" selected>请选择B级菜单</option>
</select>
<button type="submit" value="submit">submit</button>
</form>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航