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

    js取值

    //获取下拉列表选中项的值

    function getSelectedValue(name){
    var obj=document.getElementById(name);
    return obj.value;      //如此简单,直接用其对象的value属性便可获取到
    }

    获取文本值

    <select Id="select">
     <option>1</option>
      <option selected="selected">2</option>
      <option>3</option>
    </select>
    <script language="javascript" type="text/javascript">
    var ById = document.getElementById("Select")
    alert(ById.options[ById.selectedIndex].text)
    </script>

    例2

    <select id="select1" onChange="abc()"> 
    <option value="1">看书</option>
    <option value="2">体育</option>
    </select>
    <script type="text/javascript">
    function abc(){
    var obj =document.getElementById("select1");
    alert(obj.options[obj.selectedIndex].text);
    }
    </script>

    jquery做法

    $("#select option[selected]").text();
    //select和option之间有空格,option为select的子元素 
      
    $("#select option:selected").text();

    //如果写成$("#select").text();会把所有下拉菜单的文本选择出来  

    获取值

    $("#select").val();//取值   
    $("#select").val("value");//设置,如果select中有值为value的选项,该选项就会被选中,如果不存在,则select不做
  • 相关阅读:
    前端插件集合
    建立controller
    W3C对DOM2.0定义的标准事件
    事件代理和委托学习
    css3属性flex弹性布局设置三列(四列)分布样式
    css+html 关于文本的总结(整理中)
    jquery阻止事件冒泡的3种方式
    web前端打印总结
    前端打印插件
    object实现小老鼠交互
  • 原文地址:https://www.cnblogs.com/jthb/p/3096917.html
Copyright © 2011-2022 走看看