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>
  • 相关阅读:
    特征方程
    鸽巢原理
    Python列表与字典
    布尔型
    python字符串
    Python小笔记
    IntelliJ 中Maven pom.xml依赖不生效解决
    IDEA创建servlet,篇末有找不到servlet报404的原因
    jQuery的ajax之验证用户名是否被注册
    jquery之Validata表单验证
  • 原文地址:https://www.cnblogs.com/phpfensi/p/3852982.html
Copyright © 2011-2022 走看看