<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;//就把下拉选中的索引改变成之前选中的值得索引,就默认选择的是之前选中的值
}
}
运行效果:
当按下鼠标按钮的时候!
当你未选择的时候,会默认选择之前你选择的那一项!