本文主要和大家分享js如何获取select标签选中的值,有两种方式和大家分享,希望能帮助到大家。var obj = document.getElementByIdx_x(”testSelect”); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值

jQuery中获得选中select值

第一种方式$('#testSelect option:selected').text();//选中的文本

$('#testSelect option:selected') .val();//选中的值

$("#testSelect ").get(0).selectedIndex;//索引

第二种方式$("#tesetSelect").find("option:selected").text();

//选中的文本…….val();…….get(0).selectedIndex;

--------------------------------------如果select标签是有id属性的,如

...

则用下述方法获取当前选项的值:

var v = xx.value;

var v = document.getElementById("xx").value; //此方法兼容性好

如果select标签是有name属性的,如

...

则用下述方法获取当前选项的值:

var v = form1.xx.value;

var v = document.getElementsByName("xx")[0].value;

如果同一页面含有多个name属性相同的标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)

如果select标签不含有任何可供定位的属性,如

...

则用下述方法获取当前选项的值:

var v = document.getElementsByTagName("select")[0].value;

如果同一页面含有多个select标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)

----------------------------------------

对于以下select标签,获取当前选择的值得方式如下:

text1

text2

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()); //拿到选中项的文本

相关推荐:

获取select选中的值php,js如何获取select标签选中的值相关推荐

  1. js如何获取div下面的input_原生 js 如何获取宽高

    foreword(前言) 首先,非常抱歉太长时间没有更新专栏了,这两三个月一直在处理人生两大重要的事...闲话少说,进入正题. 最近项目中需要获取 dom 元素的尺寸,所以借此对比分析一下 js 所有 ...

  2. js 截取字符串类型 标签中的值

    function labelString(str) {// 简单(单纯标签,不带任何属性)的正则表达式// 正则一// replace(/\<[a-zA-Z]+\>|\<\/[a-z ...

  3. html选中radio隐藏div,radio类型的input标签选中后隐藏其他元素

    温温酱 Insert title here 验证方式 电子邮箱        手机        电子邮箱    手机号   

  4. html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...

    $(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(v ...

  5. JS DOM获取元素属性+操作方法

    JS DOM获取元素属性+操作方法 文章目录 JS DOM获取元素属性+操作方法 基础属性 title属性 tagName属性 : 获取标签名 className属性 : 获取类名 Nodelist. ...

  6. JS,Jquery获取select,dropdownlist,checkbox 下拉列表框的值

    jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为 ...

  7. python获取select选中的值_Python3.x:遍历select下拉框获取value值

    Python3.x:遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 s ...

  8. js,jquery获取复选框checkbox被选中的值

    转载:https://blog.csdn.net/qq_35792598/article/details/76646983 <!DOCTYPE html PUBLIC "-//W3C/ ...

  9. js怎么获取复选框选中的值

    本篇文章主要给大家介绍js获取复选框选中的值的实现方法. js获取复选框选中的值的方法实现,对于新手小白来说可能有一定的难度. 下面我们就结合具体的代码示例为大家详细介绍js实现获取复选框中选中的值的 ...

  10. css select默认选中字体颜色,通过js修改input、select默认字体颜色

    textarea默认字颜色以及获取焦点后的字的颜色,焦点获取后使默认消失 输入您要输入的内容 select默认选中项颜色为灰色,选择后变为黑色(js实现) var unSelected = " ...

最新文章

  1. AI的阿基里斯之踵:模糊性
  2. 变量/值类型/引用类型/常量/枚举
  3. LeetCode Length of Last Word(最后一个单词的长度)
  4. Web数据库:信息化持续改善的最佳工具
  5. 大牛领导单独找我聊了两句:搞框架的同时别忘了算法
  6. mysql datetime不支持小数_如何从python向MYSQL中插入空小数/datetime?
  7. LeetCode —— 980. 不同路径 III(Python)
  8. [转载] 机器学习模型的保存和调用
  9. 不靠加速器 路由配置也可扭转网游战局
  10. 拦截器和过滤器的执行顺序和区别
  11. 信息技术导论——信息和信息系统习题整理
  12. bat 批示处理详解-1
  13. linux下php添加imap模块
  14. 会计凭证替代BTE增强
  15. autocad2014 第二次打开闪退_cad2014闪退怎么解决win10_win10系统打开cad2014闪退的解决步骤...
  16. python怎么编写对称图案_如何使用opencvpython识别图像的形状是对称的还是不对称的?...
  17. 经典算法研究系列:图像特征提取与匹配之SIFT算法
  18. tp ajax 搜索分页
  19. 天下大势,分久必合,合久必分
  20. DEFORM-GAN:AN UNSUPERVISED LEARNING MODEL FOR DEFORMABLE REGISTRATION

热门文章

  1. 用户画像的定义及构建方法
  2. java horizontalbarchart_DOC-03-36 柱状图(Bar Chart)
  3. 自媒体行业的发展和前景
  4. 二进制转换成十进制(C语言)
  5. 夕夕博士的视频观后笔记集合~
  6. 为羊哥点赞,利用云服务器搭建私人云笔记
  7. 动态域名解析ipv6 群辉dnspod_群晖IPV6 DDNS设置终极大全(移动用户进)(二)
  8. 猴子香蕉问题——枚举
  9. Unity Keyword
  10. 自主上传图片投票工具、上传图片投票小程序、上传图片投票平台