zoukankan      html  css  js  c++  java
  • 怎样取得selected的option选项的value值

    现在有一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());   //拿到选中项的文本
  • 相关阅读:
    css Tab选项卡1
    顺序栈的相关操作(初始化、入栈、出栈)
    用jdk在cmd下运行编译java程序
    UNIX标准及实现
    正则表达式
    gdb调试
    CSS 公共样式
    babel更新之后的 一些坑
    webpack4.x配置详情
    webpack4.x打包配置
  • 原文地址:https://www.cnblogs.com/javaboy2018/p/9036971.html
Copyright © 2011-2022 走看看