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>
  • 相关阅读:
    oracle中的游标
    Oracle中的表空间
    Oracle中建表及表操作
    oracle中的权限管理
    oracle中的数据类型
    Oracle中常用的系统函数
    oracle中的dual表简介
    Oracle中常用的系统表
    Git常用命令总结
    Git配置文件与git config命令
  • 原文地址:https://www.cnblogs.com/phpfensi/p/3852982.html
Copyright © 2011-2022 走看看