首页 > 其他 > 详细

复选框联动

时间:2017-08-19 19:27:04      阅读:206      评论:0      收藏:0      [点我收藏+]
<script language="javascript">
var selItm = new Array(4);
for (i=0; i<4; i++){
    selItm[i] = new Array();
}
selItm[0][0] = new Option("请选择", " ");                    //定义基本选项
selItm[1][0] = new Option("小学数学", "小学数学");
selItm[1][1] = new Option("小学语文", "小学语文");
selItm[1][2] = new Option("小学英语", "小学英语");
selItm[2][0] = new Option("中学数学", "中学数学");
selItm[2][1] = new Option("中学物理", "中学物理");
selItm[2][2] = new Option("中学语文", "中学语文");
selItm[2][3] = new Option("中学英语", "中学英语");
selItm[2][4] = new Option("中学政治", "中学政治");
selItm[3][0] = new Option("大学数学", "大学数学");
selItm[3][1] = new Option("大学物理", "大学物理");
selItm[3][2] = new Option("大学语文", "大学语文");
selItm[3][3] = new Option("大学英语", "大学英语");
selItm[3][4] = new Option("大学政治", "大学政治");
function OnS1Change(x){
    var temp = document.form1.sel12; 
    for (i=0;i<selItm[x].length;i++){
            temp.options[i]=new Option(selItm[x][i].text,selItm[x][i].value);    // 实例化对象    
    }
    temp.options[0].selected=true;                            //显示菜单1的初始值
}
function OnS2Change(str1,str2){
    if(str1>0){
        switch(str1){                                // 判断身分
            case 1:str1="小学生";break;
            case 2:str1="中学生";break;
            case 3:str1="大学生";break;
        }
        alert("您的身分是:"+str1+"\n您最喜欢的科目是:"+str2);            // 输出 信息
    }
    else
        alert("您没有选择身分");
}
</script>
<form name="form1" method="post" action="">
<label>您的身分是:<select name="sel1" onChange="OnS1Change(this.value)">
<option value="0">请选择</option><option value="1">小学生</option>
<option value="2">中学生</option><option value="3">大学生</option>
</select>您最喜欢的科目:</label>

<label><!--  创建的菜单2-->
<select name="sel12"/></label><label><!--  收集所选择的信息-->
<input type="submit" name="Submit" value="确定" onClick="OnS2Change(sel1.value,sel12.value)">
</label>

</form>

 

复选框联动

原文:http://www.cnblogs.com/huodaihao/p/7397515.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!