JavaScript怎样获取select标签当前选择的值呢

发布时间:2019年08月09日 阅读:180 次

JavaScript怎样获取select标签当前选择的值呢?

如果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起算)

 

var SeleObj = document.getElementById("selectID");

var tmpSelectValues="";

for (var i = 0;i<SeleObj.length; i++) {

if (SeleObj.options[i].selected) {

//选中项的值 SeleObj.options[i].value;

tmpSelectValues+=SeleObj.options[i].value+",";

}

}

要到后台使用的话,你可以tmpSelectValues赋值于一个隐藏控件,然后提交到后台

复制代码 代码如下:var obj = document.getElementById("testSelect"); //定位id

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

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

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

 image.png

  

jQuery中获得选中select

第一种方式

复制代码 代码如下:$('#testSelect option:selected').text();//选中的文本

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

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

第二种方式

  复制代码 代码如下:$("#tesetSelect").find("option:selected").text();//选中的文本

  $("#tesetSelect").find("option:selected").val();

  $("#tesetSelect").find("option:selected").get(0).selectedIndex;

 image.png

  

以上就是javascript获取select标签选中的值的全部内容,希望能给大家一个参考,如有什么需要补充的欢迎到我们的网站进行补充!http://www.javascriptedu.com



Tag:javascript获取select标签选中的值 javascript怎么获取select标签选中的值
相关文章

发表评论: