0、题目

• 如中所示，在页面中完成两个单选框，切换单选框的不同选项时下方显示的表单随之切换。
• 当选择在校生时，出现两个select下拉菜单，一个选择城市，一个选择学校，当选择非在校生时，出一个文本输入框
• 学校下拉菜单里的学校名单均为城市下拉菜单中所选的城市中的大学，当城市发生变化时，学校一起发生变化
• 城市及学校的数据随意编造即可，无需真实完整

1、解题过程

1   2   3     4     
       5       6      47    48  49 
     
       50     
      在校生 51 　　 　　
       52     
      非在校生 53     　　 
       54     
      
        55         
       学校 56         
        57             北京 58             上海 59             武汉 60             西安 61          62         
        63             北京大学 64             清华大学 65             中国人民大学 66             北京师范大学 67          68     
      
 69     
      
        70         
       就业单位 71              72     
      
 73 
     
 74 

1 //二级表单联动（两次循环） 2  var options=document.getElementsByClassName('opt'); 3  function change(){ 4  for(var i=0;i
      
       ";10          } 11          $("collage").innerHTML=content;    12    }13   }   14  }
      

108 109 110 

 

2、遇到的问题

（1）使用 input 创建单选按钮（radio）时，所有的选项的name应该一样；

（2）selectedIndex 属性可设置或返回下拉列表中被选选项的索引号。（如果多重选择，则返回第一个被选中的索引号）

　　A、以下代码可在警告框中显示被选中的内容：　

　　var x=document.getElementById("myOptions");

　　alert(x[ x.selectedIndex ].innerHTML);

　　B、以下代码可以删除被选中的选项：

　　 x.remove(x.selectedIndex)