博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js获取select标签选中的值[转]
阅读量:4566 次
发布时间:2019-06-08

本文共 1526 字,大约阅读时间需要 5 分钟。

var obj = document.getElementByIdx_x(”testSelect”); //定位id

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

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

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

 

中获得选中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 = form1.xx.value; 或 var v = document.getElementsByName("xx")[0].value; 如果同一页面含有多个name属性相同的标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算) 如果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());   //拿到选中项的文本

 

 

转自:https://www.cnblogs.com/qq3245792286/p/6390504.html

转载于:https://www.cnblogs.com/raphael1982/p/8073469.html

你可能感兴趣的文章
字符串与整型的转换及判断
查看>>
Aapache 启动不了,报错信息:suEXEC mechanism enabled (wrapper: /usr/sbin/suexec)
查看>>
微信小程序 JS动态修改样式
查看>>
天纬思创网络综合信息管理系统 V1.0 后台
查看>>
OC-->NSMutableString常用方法
查看>>
hive 分区表
查看>>
观影计划:漫威电影宇宙「无限战争」系列
查看>>
用番茄工作法提升工作效率 (二)用番茄钟实现劳逸结合(简单到不可相信)...
查看>>
1.3 排序显示数据
查看>>
在form上设定了defaultbutton属性之后,切换提交按钮的解决办法
查看>>
HTMl5视频播放
查看>>
struts2标签之列求和
查看>>
《面向对象程序设计课程学习进度条》
查看>>
oracle 迁移数据文件( 转)
查看>>
mybatis association和collection标签怎么用
查看>>
一个最简单的Delphi2010的PNG异形窗口方法
查看>>
怎样关闭拼写错误标记
查看>>
常见COM问题解答
查看>>
用到的linux命令
查看>>
【词云】代码
查看>>