最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js如何获取select标签选中的值

来源:动视网 责编:小采 时间:2020-11-27 20:01:00
文档

js如何获取select标签选中的值

js如何获取select标签选中的值:本文主要和大家分享js如何获取select标签选中的值,有两种方式和大家分享,希望能帮助到大家。var obj = document.getElementByIdx_x(testSelect); //定位id var index = obj.selectedIndex; // 选中索引 var text = o
推荐度:
导读js如何获取select标签选中的值:本文主要和大家分享js如何获取select标签选中的值,有两种方式和大家分享,希望能帮助到大家。var obj = document.getElementByIdx_x(testSelect); //定位id var index = obj.selectedIndex; // 选中索引 var text = o


本文主要和大家分享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属性的,如
<select id=xx>...
则用下述方法获取当前选项的值:
var v = xx.value;
或
var v = document.getElementById("xx").value; //此方法兼容性好

如果select标签是有name属性的,如
<form name=form1>
<select name=xx>...
则用下述方法获取当前选项的值:
var v = form1.xx.value;
或
var v = document.getElementsByName("xx")[0].value;
如果同一页面含有多个name属性相同的标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)

如果select标签不含有任何可供定位的属性,如
<select>...
则用下述方法获取当前选项的值:
var v = document.getElementsByTagName("select")[0].value;
如果同一页面含有多个select标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)
----------------------------------------



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

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

相关推荐:

js获取select标签选中值的两种方式_javascript技巧

文档

js如何获取select标签选中的值

js如何获取select标签选中的值:本文主要和大家分享js如何获取select标签选中的值,有两种方式和大家分享,希望能帮助到大家。var obj = document.getElementByIdx_x(testSelect); //定位id var index = obj.selectedIndex; // 选中索引 var text = o
推荐度:
标签: 标签 js 的值
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top