Mootools:添加输入文本字段

时间:2012-04-15 22:09:56

标签: javascript mootools

我正在使用mootools框架向表单添加文本输入。这是我的代码:

http://jsfiddle.net/dazaweb/wjMJt/2/

如您所见,输入字段显示一秒,然后消失。关于为什么会发生这种情况的任何想法?

由于

2 个答案:

答案 0 :(得分:2)

您正在点击提交按钮,该按钮将POST表单。将输入类型更改为button,它将起作用。或者,如果您仍想使用提交按钮,则可以阻止默认行为。

这是一个带有提交的按钮的工作链接:

http://jsfiddle.net/wjMJt/3/

您还可以通过取消冒泡来阻止默认行为。

只需在函数内添加e.stop();,并将event参数作为名为e的变量传递,如下所示:

$('btnAddOption').addEvent('click', function(e) {

示例:

http://jsfiddle.net/wjMJt/6/

答案 1 :(得分:0)

在javascript代码

中添加此内容
event.stop();

还在事件处理程序中传递事件

$('btnAddOption').addEvent('click', function(event) {

默认情况下,按钮应该提交它正在执行的表单,但是通过执行event.stop我们阻止它提交表单

我的坏我写了jquery ....更新为javascript