+ -
当前位置:首页 → 问答吧 → 我的动态生成的FORM表单为什么不能提交呢?

我的动态生成的FORM表单为什么不能提交呢?

时间:2009-06-02

来源:互联网

下面是我用JQuery动态生成的一个表单,能在IE上看到一个文本框和一个按钮,但是点击按钮却无法做提交操作?
这个是为什么呢?
复制代码
  1.     <script src="jquery-1.2.3.js" type="text/javascript"></script>
  2.     <script type="text/javascript">
  3.         $(function() {
  4.             try {
  5.                 var _form = $("body").append($("<form>").attr({"name":"JQueryForm", "action":"http://www.baidu.com", "method":"GET"}));
  6.                 _form.append($("<input type='text' />").attr({"name":"txtName"}));
  7.                 _form.append($("<input type='submit' />").attr({"value":"提交"}));
  8.             } catch (err) {
  9.                 document.write(err);
  10.             }
  11.         });
  12.     </script>
[ 此帖被edmond在2009-06-05 11:06重新编辑 ]

作者: edmond   发布时间: 2009-06-02

你写反了
$("body").append($("<form>").attr(...)相当于给body加属性

要这样写,或者用end函数:
var _form = $("<form>").appendTo("body").attr({"name":"JQueryForm", "action":"http://www.baidu.com", "method":"GET"});

作者: keakon   发布时间: 2009-06-02

那怎么解释我无法做提交呢?

按理说,即使form没有设置任何属性,但是只要里面有submit按钮的话,就可以提交给自己啊。

也不至于点击提交按钮没反映啊。

作者: edmond   发布时间: 2009-06-02

因为submit按钮不在form里,而是在body里

所以提交是没有效果的

作者: keakon   发布时间: 2009-06-02

那么要怎样才能实现呢?

用代码创建一个form,然后往form中加入表单元素和其他的东西。

作者: edmond   发布时间: 2009-06-04

我不是写了吗,改成这样:

var _form = $("<form>").appendTo("body").attr({"name":"JQueryForm", "action":"http://www.baidu.com", "method":"GET"});

作者: keakon   发布时间: 2009-06-04

但怎么吧这个form放到body中呢?

我用

$("body").append(_form);

但是页面无法显示任何东西啊

作者: edmond   发布时间: 2009-06-04

$("<form>").appendTo("body")

这不就已经append了


嗯,有个错误,要写成$("<form />")或$("<form></form>").

作者: keakon   发布时间: 2009-06-04

测试成功,谢谢了。

作者: edmond   发布时间: 2009-06-05

相关阅读 更多