zoukankan      html  css  js  c++  java
  • Javascript获取select下拉框选中的的值

    现在有一id=test的下拉框,怎么拿到选中的那个值呢?

    分别使用javascript原生的方法和jquery方法

    <select id="test"  name="">   
      <option   value="1">text1</option>   
      <option   value="2">text2</option>   
     </select>

    code:

    一:javascript原生的方法

      1:拿到select对象: var  myselect=document.getElementById("test");

      2:拿到选中项的索引:var index=myselect.selectedIndex ;             // selectedIndex代表的是你所选中项的index

      3:拿到选中项options的value:  myselect.options[index].value;

      4:拿到选中项options的text:  myselect.options[index].text;

    二:jquery方法(前提是已经加载了jquery库)

    1:var options=$("#test option:selected");  //获取选中的项

    2:alert(options.val());   //拿到选中项的值

    3:alert(options.text());   //拿到选中项的文本

    just think and do it
     
     
     
    来源:http://www.cnblogs.com/itdream/archive/2012/05/31/2528345.html
  • 相关阅读:
    @RestController
    spring-boot入门环境
    spring事务管理
    Spring和hibernate框架整合
    python的for循环及数组
    PreparedStatement防止SQL注入
    python入门
    maven 依赖规则&版本锁定
    使用eclipse创建一个简单的maven项目
    maven常用命令 (1)
  • 原文地址:https://www.cnblogs.com/kongxc/p/6906511.html
Copyright © 2011-2022 走看看