web前端下拉框技术（js）

最新推荐文章于 2024-05-09 00:14:24 发布

置顶寅灯

最新推荐文章于 2024-05-09 00:14:24 发布

阅读量4.2k

点赞数

分类专栏：前端js技术相关文章标签： javascript web前端技术

本文链接：https://blog.csdn.net/nandao158/article/details/55511716

版权

前端js技术相关专栏收录该内容

19 篇文章 0 订阅

订阅专栏

补充：form对象代表<form
      form.submit()方法提交表单的处理
    ：select对象<select标签---- option对象<option标签
      select.options属性 option数组-- 所有的<option标签option的value属
                                          性 .value,内部文本.text
      select.selectedIndex属性获得当前被选中的option标签，在options数组中
                            的下标
      下拉列表的分析思路

<html>
<head>
     <script type="text/javascript">
         var date = {
                                             北京:['东城','西城','海淀'],
                                             上海:['徐家汇','浦东','浦西'],
                                             天津:['河东','河西','南开'],
                    }
        function cascadeMenu(){
             var city = document.getElementById("city"); //select
             //alert(city.options[city.selectedIndex].text);
             //alert(date[city.options[city.selectedIndex].text]);
             var section = document.getElementById("section");

             section.innerHTML="";

             var sections = date[city.options[city.selectedIndex].text];
             for(var i=0;i<sections.length;i++){
                  var txt = document.createTextNode(sections[i]);
                  var op = document.createElement("option");
                  op.appendChild(txt);
                  section.appendChild(op);
             }
        }

     </script>
</head>
<body οnlοad="cascadeMenu()">

     city<select id="city" οnchange="cascadeMenu();">
           <option value="1">北京</option>
           <option value="2">上海</option>
           <option value="3">天津</option>
         </select>
      section<select id="section">

             </select>
</body>
</html>

寅灯

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
web前端下拉框技术（js）

补充：form对象代表 form.submit()方法提交表单的处理：select对象标签---- option对象标签 select.options属性 option数组-- 所有的标签option的value属性 .value,内部
复制链接

扫一扫