主题:  没有提交按钮的下拉列表框是如何进行处理的?

zoom4040

职务:普通成员
等级:1
金币:0.0
发贴:110
注册:2001/5/26 22:21:18
#12002/8/9 7:09:09
下拉列表框,一般来说都有一个提交按钮,点击后由表单设定的action来进行处理。但有的列表框没有提交按钮也实现了跳转,是怎么做到的?

编辑历史:[这消息被zoom4040编辑过(编辑时间2002-08-09 07:17:33)]


缺缺

职务:管理员
等级:8
金币:41.0
发贴:9620
注册:2004/1/14 19:14:47
#22002/8/9 15:28:20
onchange="location.href=this.options[this.selectedIndex].value"

用onchange触发



我佛山人

职务:版主
等级:4
金币:16.0
发贴:2269
注册:2002/8/7 15:09:27
#32002/8/9 16:08:58
表单都有一个的提交动作--回车

可以象楼上所说,用onchange,也可以用onsubmit,只不过onsubmit还要回车一下才可以触发



zoom4040

职务:普通成员
等级:1
金币:0.0
发贴:110
注册:2001/5/26 22:21:18
#42002/8/10 17:44:23
多谢两位高手指点,小弟愚钝,不大明白。
我举个实例,可否修改其代码以实现。



假设apple.htm和egg.htm已经存在,这个表单中没有提交按钮,请添加代码以实现选择后网页的跳转。



我佛山人

职务:版主
等级:4
金币:16.0
发贴:2269
注册:2002/8/7 15:09:27
#52002/8/10 20:02:56







我佛山人

职务:版主
等级:4
金币:16.0
发贴:2269
注册:2002/8/7 15:09:27
#62002/8/10 20:06:55
把第三行的egg去掉



比特空间

职务:普通成员
等级:3
金币:10.0
发贴:853
注册:2002/6/16 11:56:52
#72002/8/10 20:53:36
不行的



zoom4040

职务:普通成员
等级:1
金币:0.0
发贴:110
注册:2001/5/26 22:21:18
#82002/8/11 7:24:55
楼上的兄弟,山人写的代码我已经调试成功了,不行你再试试。:)




无提交钮的跳转










不过等一下,有个缺陷,如果开始就选第一项是没有任何反应的,不知为什么,选过其他项以后就正常了?p这段代码应该有可以改进之处。

编辑历史:[这消息被zoom4040编辑过(编辑时间2002-08-11 07:33:59)]
[这消息被zoom4040编辑过(编辑时间2002-08-11 07:35:04)]


缺缺

职务:管理员
等级:8
金币:41.0
发贴:9620
注册:2004/1/14 19:14:47
#92002/8/11 9:08:17
始就选第一项是没有任何反应是因为没有触发onchange条件



比特空间

职务:普通成员
等级:3
金币:10.0
发贴:853
注册:2002/6/16 11:56:52
#102002/8/11 9:50:32
怪不得 我选择第一项没有反应



zoom4040

职务:普通成员
等级:1
金币:0.0
发贴:110
注册:2001/5/26 22:21:18
#112002/8/11 10:05:09
没有触发onchange事件?怪不得:)但在普通的下拉列表框中(有提交钮的),选了第一项(把第一项作为一个选择项目),而不是那种通项(就是类似于“请选择产品型号”那种的),提交后还是有反应的。难道说,没有通项且无提交钮的,对于选择第一项(即默认项)就没招了吗?如果有的话,代码应该怎么改呢?



缺缺

职务:管理员
等级:8
金币:41.0
发贴:9620
注册:2004/1/14 19:14:47
#122002/8/11 13:34:35
增加一个



zoom4040

职务:普通成员
等级:1
金币:0.0
发贴:110
注册:2001/5/26 22:21:18
#132002/8/11 21:47:26
谢谢楼上的流星雨大哥,不过我在上贴说了没有通项,你所说的等于还是增加了一个通项嘛 。*^_^*



我佛山人

职务:版主
等级:4
金币:16.0
发贴:2269
注册:2002/8/7 15:09:27
#142002/8/11 22:00:23
再加个onsubmit看看(加到
中,引用对象时不要出错就是了)



gsbar

职务:普通成员
等级:1
金币:0.0
发贴:9
注册:2002/8/12 0:51:05
#152002/8/12 0:56:57
最好加一个判断,当select的值为"null"时不执行跳转URL的行为!