获取select被选中option的value和text

JavaScript原生的方法

1、获取select对象

var myselect = document.getElementById("my_select");

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=$("#my_select option:selected");

2、拿到选中项的值

alert(options.val());

3、拿到选中项的文本

alert(options.text());

版权声明:
作者:Joe.Ye
链接:https://www.appblog.cn/index.php/2023/02/23/obtain-value-and-text-of-selected-option/
来源:APP全栈技术分享
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
海报
获取select被选中option的value和text
JavaScript原生的方法 1、获取select对象 var myselect = document.getElementById("my_select"); 2、拿到选中项的索引 var index = myselect.sele……
<<上一篇
下一篇>>
文章目录
关闭
目 录