Passing dynamically created form fields to PHP

Question

I am trying to pass dynamically created form fields to a php script, and it's causing me a huge headache.

I've done this in the past many times, and I can't figure out what i'm doing wrong here.

Below is an example of what's going on:

A brief explanation: I have a form with a textarea, there is a button named "Add More", when clicked, a new textarea is generated via javascript. The textareas values are pushed into an array named "comments". When I try to loop through this array within my php script, it only gives me the first item, and none of the dynamically created ones.

HTML

<form action="" method="post" enctype="multipart/form-data" accept-charset="utf-8">
<textarea name="comments[]"></textarea>
<a href="javascript: return null;" class="add-more">Add More</a>
</form>

JS

$(".add-more").click(function(){ 

       var new_field = '<textarea name="comments[]"></textarea>';
       $(this).before(new_field);

});

PHP - this is where the issue is, when I try to loop through the comments[] array, it only gives me the first one, and does not bring through any of the ones that were generated dynamically.

<?php

$comments = $_POST['comments'];

$commentString = "";
foreach($comments as $value) {
$commentString .= $value;
}

?>

So with the above, if I create 5 textareas using the "Add More" button, input some text into each one, and then submit the form, none of the dynamically created fields send through to the php.

Can anyone help?

Thanks!!

I'm submitting the form using the url of the page the form is on, within the file there is a php script that catches the post variables, you can see part of it above. — user995542
– user995542, Commented Jan 18, 2012 at 13:41

pmr · Accepted Answer · 2012-01-17 22:40:38Z

4

<form action="" method="post" />

should be:

<form action="" method="post">

edited Jan 17, 2012 at 22:40

pmr

60k11 gold badges120 silver badges162 bronze badges

answered Jan 17, 2012 at 22:06

ori

7,8471 gold badge29 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user995542 · Accepted Answer · 2012-01-18 16:31:06Z

1

This has been resolved.

The issue was being caused by an unclosed form above the one I was having the issues with.

Thanks for the replies everyone!

answered Jan 18, 2012 at 16:31

user995542

611 silver badge11 bronze badges

1 Comment

Stephen Over a year ago

@Kristian there is a time-block on makring your own answer as correct on your own question. (48 hours from memory)

em3ricasforsale · Accepted Answer · 2012-01-17 22:14:15Z

0

The other answer is correct, but you also will need to close the form as well. Your code was missing the closing ">" as well.

<form action="" method="post" >
<textarea name="comments[]"></textarea>
<a href="javascript: return null;" class="add-more">Add More</a>
</form>

answered Jan 17, 2012 at 22:14

em3ricasforsale

3523 gold badges7 silver badges23 bronze badges

Comments

j_001 · Accepted Answer · 2012-01-17 22:17:04Z

0

Also, the class name in your JS didn't match the class name in your HTML.

Here it is all together and working:

<html>

<head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

</head>

<body>

<form action="" method="post">

    <textarea name="comments[]"></textarea>

    <a href="javascript: return null;" class="add-more">Add More</a>

    <input type="submit" />

</form>

<script>
    $(".add-more").click(function(){ 
           var new_field = '<textarea name="comments[]"></textarea>';
           $(this).before(new_field);

    });
</script>

<?php

$comments = $_POST['comments'];

$commentString = "";

foreach($comments as $value) {
    $commentString .= $value;
}

echo $commentString;

?>

</body>

</html>

answered Jan 17, 2012 at 22:17

j_001

1

1 Comment

user995542 Over a year ago

Thanks for the replies guys, everything that was mentioned is actually correct in my code. I was in a rush when I posted the question. The question has been corrected with the actual syntax.

Collectives™ on Stack Overflow

Passing dynamically created form fields to PHP

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related