文档章节

select重复选择同一项,还可以触发onchange事件

放开那个女孩
 放开那个女孩
发布于 2017/10/21 10:35
字数 275
阅读 216
收藏 0
<select id="type" name="type" title="智能设计参数设计类型">
    <option value="请选择" disabled>请选择</option>
    <option value="01">格局和功能</option>
    <option value="02">风格</option>
    <option value="03">颜色</option>
    <option value="04">预算</option>
</select>
//下拉列表改变事件
$("#type").change(function () {
    //要执行的代码操作
}).mousedown(function () { //当按下鼠标按钮的时候
    this.sindex = $(this)[0].selectedIndex;  
    $(this)[0].selectedIndex = 0; //把当前选中的值得索引赋给下拉选中的索引
}).mouseout(function () { //当鼠标移开的时候
    if ($(this)[0].selectedIndex === 0) { //如果为0,就是根本没有选
        $(this)[0].selectedIndex = this.sindex; //就把下拉选中的索引改变成之前选中的值得索引,就默认选择的是之前选中的 
    }
});

当你重复点击同一项的时候,你会发现根本不会执行onchange方法.大家可以依照上面的方法,就可以实现重复点击的时候也能够实现onchange方法了,有关select事件的一些用法函数,请看我的另一篇博文https://my.oschina.net/u/2306318/blog/1551225

 

© 著作权归作者所有

放开那个女孩
粉丝 4
博文 112
码字总数 43124
作品 0
杭州
程序员
私信 提问
input 标签的监听事件总结

最近在写一个手机端提交表单的项目,里面用了不少input标签,因为项目不太忙,所以,想做的完美点,但是遇到了一些问题,比如:页面中的必填项如果有至少一项为空,提交按钮就是不能提交的状...

上官夏洛特
2018/06/27
0
0
在使用optgroup时遇到的缺陷与修复

在IE6.0里微软提供对HTML4.0中定义元素optgroup的支持,不过当我今天使用optgroup时,居然发现其在事件处理上存在bug。该bug影响select元素上的onchange事件,具体表现及处理如下。 我们看一...

唐玄奘
2017/12/20
0
0
select2选择的value传不到后台

近期项目中使用select2作为输入产品控件,select控件的option都有一个value属性和一个text显示文本,测试发现控件使用过程中,显示文本这个值有的时候无法传到后台,并且是有点时候出现,大部...

Beyond_奈何
2018/06/11
0
0
jquery 对select中的option操作

Jquery的功能很强大,下面介绍Jquery操作表单Select元素的用法: jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选......

JAVA_NINA
2011/12/05
0
0
upload file component 清空input file的值

问题描述 upload component 第一次选择文件完成会触发onchange事件,然后取消上传。 再次选择该文件不会出发onchange事件 原因 因为上一次file里选择的文件路径值与本次选择的文件路径值是一...

EdmundChen
2018/03/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

IT兄弟连 Java语法教程 流程控制语句 控制循环结构2

使用continue忽略本次循环剩下的语句 continue的功能和break有点类似,区别是continue只是忽略本次循环剩下的语句,接着开始下一次循环,并不会终止循环;而break则是完全终止循环本身。如下...

老码农的一亩三分地
40分钟前
1
0
[java]str.replaceAll(" ", "")替换空格不行

str.replaceAll(" ", ""); //去掉所有空格,包括首尾、中间 不行? 全角半角空格 https://blog.csdn.net/qq_33210042/article/details/78087713 https://www.cnblogs.com/shuilangyizu/p/66......

Danni3
41分钟前
3
0
Python登录豆瓣并爬取影评

上一篇我们讲过Cookie相关的知识,了解到Cookie是为了交互式web而诞生的,它主要用于以下三个方面: 会话状态管理(如用户登录状态、购物车、游戏分数或其它需要记录的信息) 个性化设置(如...

猪哥66
56分钟前
1
0
常见排序的指针实现【C++ Code】

本来是想加上传cmp函数的,后来也懒得写了 然后基数排序虽然写的是模板类,但也只是支持整数了… #include <cstdio> #include <cstring> #include <algorithm> #include <typeinfo> using name......

shzwork
今天
3
0
OSChina 周一乱弹 —— 带这么多钱,你要泡我吗

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :白给?#今日歌曲推荐# 分享Lana Del Rey的单曲《Yayo》: 《Yayo》- Lana Del Rey 手机党少年们想听歌,请使劲儿戳(这里) @红薯...

小小编辑
今天
2.2K
19

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部