js 级联抉择（转）
日期：2014-05-16 浏览次数：20423 次
js 级联选择（转）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ww.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var classification_names = [["一年一班","一年二班"],["二年一班"],["三年一班"],["四年一班"]];
var classificaiton_ids = [[1,2],[3],[4],[5]];
function class_onchange(){
//删除前面所有分类
var classifications = document.getElementById("classifications");
classifications.options.length = 0;//清空前一次的选项
//获得所选班级id
var classid=document.getElementById("class").value;
//获得id班级所有分类名
var thisClassifcationNames=classification_names[classid];
if(!thisClassifcationNames){
return;
}
//获得id班级所有分类id
var thisClassifcationIds=classificaiton_ids[classid];
if(!thisClassifcationIds){
return;
}
//设置该班级分类选项
var nullOption = document.createElement("option");
nullOption.text="--请选择分类--";
nullOption.value="";
classifications.options.add(nullOption);
classifications.value="";
for(var i=0;i<thisClassifcationNames.length;i++){
var option = document.createElement("option");
option.text=thisClassifcationNames[i];
option.value=thisClassifcationIds[i];
classifications.options.add(option);
}
}
</script>
</head>
<body>
班级
<select id="class" name="class" onchange="return class_onchange()">
<option value="-1" selected="selected">
请选择年级
</option>
<option value="0">
一年级
</option>
<option value="1">
二年级
</option>
<option value="2">
三年级
</option>
<option value="3">
四年级
</option>
</select>
分类
<select id="classifications" name="classifications">
<option value="-1" selected="selected">
请选择班级
</option>
</select>
</body>
</html>
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
