select重复选择同一项,还可以触发onchange事件
2017-10-21 00:00
1796 查看
<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
相关文章推荐
- select重复选择同一项,还可以触发onchange事件
- Select中使用js动态修改了Option时如何触发onchange事件
- HTML Select 标签选择后触发jQuery事件代码实例
- 关于select下拉框选择触发事件
- ExtJS4 ComboBox选择第一个选项时不能触发select事件的处理
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)以及js的select
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- BootStrap中关于Select下拉框选择触发事件及扩展
- input选择某文件后想重新选择该文件无法触发onchange事件
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- JQuery动态修改select标签的内容,并绑定onchange事件,弹出选择的值
- select选择option时触发的click事件google不兼容问题
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- 获取select value值 onchange事件触发
- 基于jQuery的select下拉框选择触发事件实例分析
- 【BootStrap】关于Select下拉框选择触发事件以及扩展
- js代码赋值触发select控件的onchange事件
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参