下拉列表框select使用JQuery change事件重复选择同一项并弹出value值



问题描述

今天做站的时候遇到一个问题,需要重复获取选择时的下拉框的值。
下拉列表框select使用JQuery change事件重复选择同一项并弹出value值
一开始我想到 jQuery 的 change 事件,但是这个事件重复获取的时候有缺陷:两次选择,选择同一个值的时候不会重复获取;只有选择的值不同的时候才能获取到。

解答思路

下面先给出 HTML 代码:


    短代码
    [html]
    [css[
    [javascript]

用 chenge 事件:

jQuery("#wz_select").change(function() {
	alert( jQuery("#wz_select :selected").val() );
	return false;
});

这样做的话,不可以重复获取。
改进的 change 事件:

var id = document.getElementById("wz_select");
id.addEventListener("change",function(){
	alert( jQuery("#wz_select :selected").val() );
});
//单一添加下拉改变事件
//当按下鼠标按钮的时候
id.onmousedown = function(){
	//把当前选中的值得索引赋给下拉选中的索引
	this.sindex = this.selectedIndex;
	//把下拉选中的索引改变为0,也就是没有!
	this.selectedIndex = 0;
}
//当鼠标移开的时候
id.onmouseout = function(){
	//获取下拉选中的索引
	var index = id.selectedIndex;
	//如果为0,就是根本没有选
	if(index == 0){
		//就把下拉选中的索引改变成之前选中的值得索引,就默认选择的是之前选中的值
		this.selectedIndex = this.sindex;
	}
}
注意:代码里我用了 jquery 还有 js,使用的时候大家统一一下。当然,不统一也能使用。

<< jQuery保护网站不被仿站复制盗用的方法总结 jQuery 获得随机数 >>
工作中
  • 作者 建站迷

    建站迷

    让天下没有难做的网站!
    解决中小型企业的无站之伤。



没有账号? 忘记密码?

社交账号快速登录