[AJAX] AJAX中的javascript对下拉菜单的onChange事件的处理 [复制链接]

论坛徽章:: 0

发表于 2006-01-09 21:22 |显示全部楼层

感谢提醒。关键是onclick要早于onchange事件
onclick事件把option选项的值设置为一个不存在的值，索引-1.这样onchange的时候，所有的选项都能点击了。

下面两个例子比较了用和不用onclick的区别。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script language="javascript" type="text/javascript">
<!--
function changeit(){
var value = document.getElementById("test").value;
alert("your choice is "+value);
}
function resetchoice(){
document.getElementById("test").selectedIndex = -1;
}
-->
</script>
<BODY>
<select name="test" id="test" onchange="changeit();" onclick="resetchoice();">
<option value="1">aaa</option>
<option value="2">bbb</option>
<option value="3">ccc</option>
<option value="4">ddd</option>
</select>
<p>test 2 normal select without onclick event</p>
<select name="test" id="test" onchange="changeit();" >
<option value="1">aaa</option>
<option value="2">bbb</option>
<option value="3">ccc</option>
<option value="4">ddd</option>
</select>
</BODY>
</HTML>

复制代码

具体例子已经用在我的blog上，地址参见一楼。

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 0

发表于 2006-01-13 18:33 |显示全部楼层

原帖由 imbiss 于 2006-1-7 18:09 发表
To crazysoul: 何谓主动触发，请大侠明示
To cooljia :我不用java，所以没去过java板块。

主动触发即可以，即直接调用onchange()方法

你可以在页面的onload事件里加个调用,如
onload = function(){
xxx.onchange(); //这就是直接触发onchange事件
}

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 0

发表于 2006-01-13 18:54 |显示全部楼层

原帖由 crazysoul 于 2006-1-13 18:33 发表

你可以在页面的onload事件里加个调用,如
onload = function(){
xxx.onchange(); //这就是直接触发onchange事件
}

我要点击才触发，不要自动触发。

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 0

发表于 2006-01-14 11:28 |显示全部楼层

原帖由 imbiss 于 2006-1-13 18:54 发表

我要点击才触发，不要自动触发。

那是第一次初始化用的触发,你不是说当有一个一开始就被选中时,再选择没有反映吗,就是用来处理这种情况的.

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 0

发表于 2006-01-14 19:56 |显示全部楼层

你是说onload放在select里面吗？ like
<select name="test" onload="resetChoice(); ">

可是,我用ajax只是重写了option,select不会重写，而且也不会被再次onload. onload只能用一次。所以还是用onclick好。

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 0

发表于 2006-01-19 15:21 |显示全部楼层

原帖由 imbiss 于 2006-1-14 19:56 发表
你是说onload放在select里面吗？ like
<select name="test" onload="resetChoice(); ">

可是,我用ajax只是重写了option,select不会重写，而且也不会被再次onload. onload只能用一次 ...

真是晕死,是页面onload
select没有onload事件的,建议查找下DHTML手册.
什么是初始化啊?当然就是第一次执行时才叫初始化,而且有且仅有一次.
这种对话真是头痛.

[ 本帖最后由 crazysoul 于 2006-1-19 15:24 编辑 ]

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 0

发表于 2006-01-19 17:22 |显示全部楼层

原帖由 crazysoul 于 2006-1-19 15:21 发表

真是晕死,是页面onload
select没有onload事件的,建议查找下DHTML手册.
什么是初始化啊?当然就是第一次执行时才叫初始化,而且有且仅有一次.
这种对话真是头痛.

是啊，onload只有一次，可是这个下来菜单会多次改变，所以你的方法不适合。

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？