获取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 Linux下MySQL为用户分配指定数据库
Linux下MySQL为用户分配指定数据库
2
Android 拨打电话(跳转拨打及直接拨通)
Android 拨打电话(跳转拨打及直接拨通)
3
Swift UI - 将表格UITableView滚动条移动到底部
Swift UI - 将表格UITableView滚动条移动到底部
4
Appium自动化测试(13)—— Appium API 之其他操作
Appium自动化测试(13)—— Appium API 之其他操作
5
React Native热更新部署-CodePush(适配Android)
React Native热更新部署-CodePush(适配Android)
最新评论
一位WordPress评论者
一位WordPress评论者
2月12日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。