【BootStrap】关于Select下拉框选择触发事件以及扩展
发布日期:2021-06-29 13:38:47
浏览次数:2
分类:技术文章
本文共 858 字,大约阅读时间需要 2 分钟。
转载请注明出处:
本文源自【】
Select下拉框的问题,想在选择一个选项后,前台显示做出变动,并且知道选择的是第几个选项。
这个很好解决: 如下:JS:
function selectOnchang(obj){ //获取被选中的option标签选项 alert(obj.selectedIndex);}
这里利用的就是onchange和selectedIndex。
onchange 事件会在域的内容改变时发生。
onchange 事件也可用于单选框与复选框改变后触发的事件。selectedIndex: 设置或返回下拉列表中被选项目的索引号。
这样,在我们改变选项时就会触发改事件。
效果如图:这样做,我们只能获得选中哪项,而如果我们选中哪项,需要传递特殊的信息,这个时候该怎么办呢。
也就是说,我在选中的同时,想获得那个value值,这个时候怎么做。
这里只用一种方法实现,其他的方法应该还有很多。
function selectOnchang(obj){ var value = obj.options[obj.selectedIndex].value; alert(value);}
效果图如下:
其他方法,请自己尝试哦。
本文章由编写, 所有权利保留。
转载请注明出处:
本文源自【】
转载地址:https://chenhx.blog.csdn.net/article/details/53271455 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
第一次来,支持一个
[***.219.124.196]2024年04月19日 06时41分18秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
5G小科普(漫画版,So easy!)
2019-04-29
「第四篇」电赛控制题可以准备一些什么?
2019-04-29
「第六篇」对于电赛,我们应该看重什么?
2019-04-29
树莓派翻车了
2019-04-29
这位电子工程师,你不能错过。
2019-04-29
「重磅猜题之第二篇」2019年大学生电子设计竞赛
2019-04-29
干货分享 JVM 之第 3 篇 —— Java 内存结构相关
2019-04-29
基于 Hystrix 高并发服务限流第 2 篇 —— 服务隔离(线程池隔离、信号量隔离)
2019-04-29
SpringBoot 整合 JWT 实现统一认证
2019-04-29
TypeError: this.getOptions is not a function
2019-04-29
el-table 二维数组合并行
2019-04-29
UR5e机械臂运行一直阻塞在waitForServer
2019-04-29
ROS把pkg1下的某个头文件和源文件生成动态链接库供pkg2调用
2019-04-29
使用urdf_tutorial快速可视化urdf文件
2019-04-29
SQl 数据完整性(随堂博客)
2019-04-29
左连接、右连接、内连接
2019-04-29
MySQL DQL语句基础(随堂博客)
2019-04-29
MySQL基础练习
2019-04-29
利用MySQL进行数据复杂查询(1)
2019-04-29