JS获取select标签选中的值

JS获取select标签选中的值varobj=document.getElementByIdx_x(”testSelect”);//定位idvarindex=obj.selectedIndex;//选中索引vartext=obj.options[index].text;//选中文本varvalue=obj.options[index].value;//选中值jQuery中获得选中select值第一种方式//#是id,如果用类名改用点$(’.testSelectoption:selec

大家好,欢迎来到IT知识分享网。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值

第一种方式
// id 用 # 如: $(’.testSelect option:selected’).text()
//类名改用点,如: $(’.testSelect option:selected’).text()

//indexKey 为传入的值。
$(“.style_no_”+indexKey +” option:selected”).text();//获取的是选中项的value

$(“.style_no_”+indexKey +” option:selected”).val(); //获取的是选中项的 key

字符串定义,注意字符串的拼接:
var s = ‘style_no_’+indexKey;
var styleno =$(“.”+s +” option:selected”).text();

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

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/22323.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信