createElement question

[TopherB]

Okay, I think I can simplify my earlier question.

If I have a html form

[HTML]<form>
<input type="button" value="More" onclick="addField(this.form;return false; )">
</form>[/HTML]

and assuming this code could not be changed.
Now addField is defined:

function addField(form)
{
  document.createElement('<FORM ACTION="HTTP://cgi-bin/whatever.cgi" METHOD="POST">');
  document.createElement("<INPUT TYPE='TEXT' NAME='acc' VALUE='777'>");
  form.submit();
}

How do I modify the createElement statement so that the new elements are part of form? Or how to modify form.submit() so that what it submits is based on the new form elements?

Thanks
Garth

[pronerd]

First off I am guessing "addField(this.form;return false; )" should be "addField(this.form); return false;" since your addField method only defines on argument to passed to it, and ";" are not used in method calls, and you cant pass return commands in a method call.

Secondly I think the return false is automatically blocking your submit

Third you already have an HTML form tag so why are you creating another one? It is not legal to have a form tag nested inside another form tag. Also you are creating a new HTML opening form tag but not a closing one.

Fourth you are submitting the original form tag that does not have an action assositate with it so I can not submit anything.

Fifth you are missing a lot of steps to create an element. Have you googled for examples? They are everywhere. It should be something like


[HTML]<form id="formToSubmit" action="someURLHERE" >
<input type="button" value="More" onclick="addField()">
</form>

<script>
function addField(form) {
var formElement = document.getElementById("formToSubmit");
var newField = document.document.createElement('input');
newField.setAttribute('type','text');
newField.setAttribute('name','acc');
newField.setAttribute('value','777');
formElement.appendChild( newField );
formElement.submit();
}
</script>[/HTML]

[acoder]

Are you sure you cannot edit the original form? It contains the error that pronerd mentioned above: you'll need to remove the return false;

Other than that, you can work with that code using, e.g. pronerd's code, except you can use the passed form value to access the HTML DOM for the form tag, e.g.

form.action='youractionpage.php';

See this link for more information.