1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > BootStrap中关于Select下拉框选择触发事件及扩展

BootStrap中关于Select下拉框选择触发事件及扩展

时间:2018-08-23 08:34:15

相关推荐

BootStrap中关于Select下拉框选择触发事件及扩展

php教程|PHP开发

BootStrap Select

php教程-PHP开发

Select下拉框的问题,想在选择一个选项后,前台显示做出变动,并且知道选择的是第几个选项。

html5登录界面源码下载,ubuntu 无法连接,tomcat安装设置教程,磁力爬虫app,php程序员就业方向,雨尘seo1.0开源版本下载lzw

这个很好解决:

视频聊天php源码,ubuntu虚拟化性能,淘宝秒杀爬虫工具,php玻璃,英山seo优化lzw

如下:

桌面便签 源码,vscode查看引用位置,微软m ubuntu,tomcat运维手册,shell运行爬虫,php 加密传输,莆田市seo优化厂家,制作一个电影资源网站源码,2tucc模板lzw

所有申请商家待审核商家未通过审核商家已通过审核商家

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);}

效果图如下:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。