zoukankan      html  css  js  c++  java
  • js获取下拉列表(select)选中项的值和文本

    获取下拉列表选中项的值和文本(select)

    <html>
        <head>
            <meta charset="utf-8"/>
            <title>获取下拉列表选中项的值和文本(select)</title>
        </head>
        <body>
            
            <select id="myselect">
                <option value="fist">1</option>
                <option value="second">2</option>
                <option value="third">3</option>
            </select>
            <input type="button" value="所选文本" onclick="alert(getSelectedText('myselect'));" />
            <input type="button" value="所选值" onclick="alert( getSelectedValue('myselect'));" />
        </body>
    </html>
    <script>
        //获取下拉列表选中项的文本
        function getSelectedText(name){
            var obj = document.getElementById(name);
            for(i=0; i<obj.length; i++){
               if(obj[i].selected == true){
                return obj[i].innerText;      //关键是通过option对象的innerText属性获取到选项文本
               }
            }
        }
        //获取下拉列表选中项的值
        function getSelectedValue(name){
            var obj = document.getElementById(name);
            return obj.value;      //如此简单,直接用其对象的value属性便可获取到
        }
    </script>
  • 相关阅读:
    Finding Palindromes POJ
    吉哥系列故事——完美队形II HDU
    Period II FZU
    生日礼物&&Supermarket
    炮兵阵地[状态压缩DP]
    最小表示法 P1368
    Period
    最长异或路径
    Luogu P5490 扫描线
    解方程
  • 原文地址:https://www.cnblogs.com/phpfensi/p/3852982.html
Copyright © 2011-2022 走看看