ansaurus

Question

Submit form input fields added with javascript

Answer 1

A:

You can always serialize the form yourself using a javascript function and then submit that (using AJAX or a get request or something).
http://malsup.com/jquery/form/comp/

Pim Jager 2008-11-23 15:28:50

Answer 2

+2 A:

Are you sure you are not making any mistake here ?

I copied your code in a new page and added the following to the code behind of an ASP.NET page (it should work on any framework):

protected void Page_Load(object sender, EventArgs e)
{
    foreach (string p in this.Request.Params.Keys) {
        if (p.StartsWith("poll")) {
            Response.Write(p + "&nbsp;&nbsp;" + this.Request.Params[p] + "<br />");
        }
    }
}

I added additional fields and entered test values, the output clearly shows all dynamic input fields posted back to the server.

Here is the output:

poll[question]  test1
poll[option1]  test2
poll[option2]  test3
poll[option3]  test4
poll[option4]  test5
poll[option5]  test6
poll[option6]  test7

Y Low 2008-11-23 15:31:33

Answer 3

+4 A:

Your code works fine as is:

<?php
    print_r($_REQUEST)
?>
<html>
<body>

<form id="myForm" method="post"> 
 <input type="submit">
 <input type="text" name="poll[question]"> 
 <input type="text" name="poll[option1]"> 
 <input type="text" name="poll[option2]"> 
</form> 
<a href="javascript:addOption();">Add option</a> 

<script> 
 var optionNumber = 3; //The first option to be added is number 3 
 function addOption() { 
  var theForm = document.getElementById("myForm"); 
  var newOption = document.createElement("input"); 
  newOption.name = "poll[option"+optionNumber+"]"; // poll[optionX]
  newOption.type = "text";
  theForm.appendChild(newOption); 
  optionNumber++;
 } 
</script>
</body>
</html>

click Add Option twice and you get

Array ( [poll] => Array ( [question] => [option1] => [option2] => [option3] => [option4] => ) )

Scott Evernden 2008-11-23 15:54:16

Answer 4

+2 A:

I just debugged my sight where I was having a similar issue... for me it turned out that having my table and form tags in the "wrong" order caused the issue.

i. e.

BROKEN

table
  form

WORKING

form
  table

This points out something pretty important... The browser may render fine, and the form may work fine, with malformed html, but you can still break things, like this, by having not having properly formatted html... Maybe I should start using mod_tidy!

2009-01-10 04:45:20

ansaurus

tags:

views:

answers:

Submit form input fields added with javascript

related questions