获取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());
上一篇 JS跳转页面实现方式
下一篇 jQuery获得select/option的值和对select/option进行操作
目录
文章列表
1 RecyclerView基础总结
RecyclerView基础总结
2
screen状态为Attached连接不上
screen状态为Attached连接不上
3
vue-cli项目配置lib-flexible【阿里手淘移动端自适应解决方案】
vue-cli项目配置lib-flexible【阿里手淘移动端自适应解决方案】
4
Android Jetpack架构组件(三)CameraX使用入门
Android Jetpack架构组件(三)CameraX使用入门
5
kubernetes-dashboard卸载及其pod删除
kubernetes-dashboard卸载及其pod删除
最新评论
一位WordPress评论者
一位WordPress评论者
2月12日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。