zoukankan      html  css  js  c++  java
  • 4.DOM访问列表下拉菜单元素

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>DOM访问列表下拉菜单元素</title>
        <script type="text/javascript">
            function showSelectInfo(){
                //列出所有被选中项的text
                var select = document.getElementById("city");
                //获取到单项的数组
                var optArray = select.options;
                //遍历数组
                var s="被选中的所有项文本是:
    ";
                for(var i=0; i<optArray.length; i++){
                    if(optArray[i].selected){
                        s+=optArray[i].text+"
    ";
                    }
                }
                alert(s);
                //设置全部都不选择
                //有待研究  不是很明白
                for (var i=0;i<optArray.length;i++){
                    optArray[i].selected=false;
                }
            }
        </script>
    </head>
    <body>
    <select id="city" name="city" size="4" multiple>
        <option value="beijing">北京</option>
        <option value="shanghai" selected="selected">上海</option>
        <option value="tianjin">天津</option>
        <option value="nanjing">南京</option>
        <option value="shenzhen">深圳</option>
        <option value="wuhan">武汉</option>
    </select><br/>
    <input type="button" value="获取列表框相关信息" onclick="showSelectInfo()">
    </body>
    </html
    

      

  • 相关阅读:
    11、angular 的依赖注入
    gulp插件列表
    gulp 列表
    gulp 教程
    html5模板
    yeoman官网
    node.js 增删改查(原始)
    配置MongoDB
    MongoDB手稿
    node.js 手稿
  • 原文地址:https://www.cnblogs.com/john568300/p/6411191.html
Copyright © 2011-2022 走看看