2012-11-22 86 views
0

我想要做的是基于一些输入动态地创建一个新的表单,一旦完成,我已经提交了一个提交按钮来提交表单。提交动态生成表格

下面的代码:

function add(index_array) { 
    //create the form 
    var myform = document.createElement("form"); 
    myform.id="k_form" 
    for (i =0 ; i <index_array.length ; i ++) 
    { 
     var mytext = document.createElement("input"); 
     mytext.tpye="text"; 
     mytext.value=index_array[i]; 
     mytext.id=index_array[i]; 
     myform.appendChild(mytext); 

    } 
    var mybutton = document.createElement("input"); 
    mybutton.type="button" 
    mybutton.value="submit" 
    myform.appendChild(mybutton); 
    mydiv=document.getElementById("d_div"); 
    mydiv.appendChild(myform); 
} 

这将创建形式,现在我想处理的输入,这种形式,当用户点击提交。

我该怎么做?

我想我可以调用该函数

document.forms["myform"].submit() 

但我怎么可以让它触发当用户点击提交?

请帮助:)

回答

0

添加验证功能:

function add(index_array) { 
var myform = document.createElement("form"); 
$(myform).attr('id',"k_form"); 
for (i =0 ; i <index_array.length ; i ++) 
{ 
    var mytext = document.createElement("input"); 
    $(mytext).attr('type','text').attr('value',index_array[i]).attr('id', index_array[i]); 
    $(myform).append(mytext); 
} 
var mybutton = document.createElement("input"); 
$(mybutton).attr('type','submit').attr('value','submit').attr('onclick','return display_textarea();'); 
$(myform).append(mybutton); 
mydiv=document.getElementById(); 
$("#d_div").append(myform); 
} 

function display_textarea(){ 
var validation_success = true; 
//do your validation here; 
if(validation_success) 
    return true;//submits the form 
else { 
    alert('validation not success'); 
    return false;// will not submit the form 
    } 
} 
+0

AKHIL嗨,使用该模板我创建但是我自己的一个功能,它抛出我此行一个错误:)mybutton.onClick(=函数(){display_textarea( );}说[12:11:43.032] TypeError:mybutton.onClick不是一个函数@ http://localhost/myproj/test5.html:24 – Riddle

+0

我可以使用jQuery吗? –

+0

其mybutton.onclick –

0

添加的onclick = “DoSomething的();”顶部的按钮

,写你的DoSomething的功能