html下拉框之间的联动------一级分类和二级分类

时间:2019-02-10
本文章向大家介绍html下拉框之间的联动------一级分类和二级分类，主要包括html下拉框之间的联动------一级分类和二级分类使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
               

        html/js代码如下：

<html><body><select id="first" onChange="change()">   <option selected="selected">湖北</option>   <option>广东</option></select><select id="second">   <option>黄冈</option>   <option selected="selected">武汉</option></select><script>function change(){   var x = document.getElementById("first");   var y = document.getElementById("second");   y.options.length = 0; // 清除second下拉框的所有内容   if(x.selectedIndex == 0)   {  y.options.add(new Option("黄冈", "0"));  y.options.add(new Option("武汉", "1", false, true));  // 默认选中省会城市   }   if(x.selectedIndex == 1)   {  y.options.add(new Option("深圳", "0"));  y.options.add(new Option("广州", "1", false, true));  // 默认选中省会城市  y.options.add(new Option("肇庆", "2"));   }}</script>  </body></html>
        


           
随机文章
WEB前端知识点必读
最近更新