jquery及原生js获取select下拉框选中的值示例
时间:2024-04-19 09:58:56
现在有一id=test的下拉框,怎么拿到选中的那个值呢?
分别使用javascript原生的方法和jquery方法
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
一: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()); //拿到选中项的文本
标签:jquery,原生js,select,下拉框
0
投稿
猜你喜欢
用Python删除本地目录下某一时间点之前创建的所有文件的实例
2021-07-29 05:34:59
python爬取招聘要求等信息实例
2021-01-27 21:22:36
一文带你搞懂Python中的数据容器
2021-05-25 16:09:59
详解Python中字典的增删改查
2021-09-14 19:53:34
利用Python 实现分布式计算
2021-12-21 22:59:26
MySQL过滤重复数据的两种方法示例
2024-01-16 12:54:27
golang语言map全方位介绍
2024-05-22 10:20:33
Vue2.0实现购物车功能
2023-07-02 16:54:22
SQL Server中将数据导出为XML和Json方法分享
2024-01-22 19:04:22
Python必备技巧之函数的使用详解
2021-03-02 11:19:59
wxPython框架类和面板类的使用实例
2022-06-29 08:16:27
Go语言实现的web爬虫实例
2023-07-21 02:35:57
Python 京东云无线宝消息推送功能
2021-08-19 09:45:57
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2023-11-14 13:47:51
PyQt5 在label显示的图片中绘制矩形的方法
2021-02-02 08:50:45
一篇文章带你轻松了解MySQL之事务的简介
2024-01-20 15:57:33
页面编码的doctype声明
2007-05-31 09:21:00
Python 栈实现的几种方式及优劣详解
2023-11-02 14:25:18
Python selenium 三种等待方式解读
2023-12-26 05:37:56
详解python3中socket套接字的编码问题解决
2023-09-11 20:28:48