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

<select id="u18">
<option>xxxxxxxx1</option>
<option>xxxxxxxx2</option>
<option>xxxxxxxx3</option>
</select>

解决方案:

        选择下拉框的时候,把当前选中的下拉选项清空,就可以实现重复选择统一下拉选项

当你重复点击同一项的时候,你会发现根本不会执行onchange方法.大家可以依照下面的方法,就可以实现重复点击的时候也能够实现onchange方法了,如果你们还有更好的方法,欢迎一起交流

<span style="white-space:pre">			</span>var id = document.getElementById("u18");
			id.addEventListener('change',function(){
				alert(1);
			});//单一添加下拉改变事件
			id.onmousedown = function(){//当按下鼠标按钮的时候
				this.sindex = this.selectedIndex;//把当前选中的值得索引赋给下拉选中的索引
				this.selectedIndex = -1;//把下拉选中的索引改变为-1,也就是没有!
			}
			id.onmouseout = function(){//当鼠标移开的时候
				var index = id.selectedIndex;//获取下拉选中的索引
				if(index == -1){//如果为-1,就是根本没有选
					this.selectedIndex = this.sindex;//就把下拉选中的索引改变成之前选中的值得索引,就默认选择的是之前选中的值
				}
				
			}

运行效果:

当按下鼠标按钮的时候!

当你未选择的时候,会默认选择之前你选择的那一项!