如何获得select被选中option的value和text

一：JavaScript原生的方法

1:拿到select对象： var myselect=documentgetElementById(“test”);

2：拿到选中项的索引：var index=myselectselectedIndex ; // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value： myselectoptions[index]value;

4:拿到选中项options的text： myselectoptions[index]text;

二：jQuery方法（前提是已经加载了jquery库）

1:var options=$(“#test option:selected”); //获取选中的项

2:alert(optionsval()); //拿到选中项的值

3:alert(optionstext()); //拿到选中项的文本

windowonload = function(){

2

3 //首先获得下拉框的节点对象；

4 var select = documentgetElementById("s1");

5

6 //1如何获得当前选中的值？：

7 var value = selectvalue;

8

9 //2如何获得该下拉框所有的option的节点对象

10 var options = selectoptions;

11 //注意：得到的options是一个对象数组

12

13 //3如何获得第几个option的value值比如我要获取第一option的value,可以这样：

14 var value1 = options[0]value;

15 //4如何获得第几个option的文本内容比如我要获取第一option的文本,可以这样：

16 var text1 = options[0]text;

17

18 //5如何获得当前选中的option的索引？

19 var index = selectselectedIndex;

20

21 //6如何获得当前选中的option的文本内容？

22 //从第2个问题，我们已经获得所有的option的对象数组options了

23 //又从第5个问题，我们获取到了当前选中的option的索引值

24 //所以我们只要同options[index]下标的方法得到当前选中的option了

25 var selectedText = options[index]text;

26 }

答案是不能因为浏览器只会把value的值发送到服务器,而不会发送显示的文本

要么你把值和文本都写在value属性中,一起提交后再拆分

要么接收值,然后通过值换算出文本,当然,这需要文本与值有一对一的对应关系

以上就是关于如何获得select被选中option的value和text全部的内容，包括:如何获得select被选中option的value和text、如何获取select下拉框的值、form提交后，action中怎么获取select下拉框的选中值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！