您好,欢迎访问一九零五行业门户网

js获取select标签选中的值

本篇文章给大家分享的是js如何获取select标签选中的值,有需要的小伙伴可以看一下
var obj = document.getelementbyid(”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标签选中的值的详细内容。
其它类似信息

推荐信息