首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用JavaScript动态创建表单?

如何使用JavaScript动态创建表单?
EN

Stack Overflow用户
提问于 2010-10-22 03:35:15
回答 1查看 70.9K关注 0票数 23

我想使用JavaScript在HTML页面中的任何位置动态创建一个不可见的表单,然后自动提交。

我想创建下面给出的表单:

代码语言:javascript
复制
<form name='myForm' method='post' action='http://www.another_page.com/index.htm'>
<input type='text' name='myInput' value='Values of my input'>
<input type='hidden1' value='Hidden value 1'>
<input type='hidden2' value='Hidden value 2'>
</form>

我尝试使用下面的JavaScript:

代码语言:javascript
复制
my_form=document.createElement('FORM');
my_form.name='myForm';
my_form.method='POST';
my_form.action='http://www.another_page.com/index.htm';
my_tb=document.createElement('INPUT');
my_tb.type='TEXT';
my_tb.name='myInput';
my_tb.value='Values of my Input';
my_tb.appendChild(my_form);
document.body.add(my_form,document.body.elements[0]);
document.my_form.submit();

但却不能工作?我该怎么做呢?请帮帮忙。

EN

回答 1

Stack Overflow用户

发布于 2014-12-10 02:23:26

你也可以做Saurabh Chauhan响应,但是不需要在body中添加dinamic元素,这个解决方案就是dinamic解决方案。

代码语言:javascript
复制
    var myform = document.createElement("form");
    myform.action = "myForm.aspx";
    myform.method = "post";


    product = document.createElement("input");
    product.value = "value";
    product.name = "name";

    myform.appendChild(product);
    myform.submit();
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3991204

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档