PHP $_POST variable does not process input fields generated by Javascript

Question

I have two files, (file1 and file2). file1 includes file2 in a PHP include statement. File1 also contains a form and prints out all $_POST variables. File2 uses a Javascript button to dynamically change the value in an input field. The problem is that $_POST is empty after submit is pressed. Why is that and how do I fix it?

File1:

<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<?php include 'file2.php'; ?> 
<input type="submit" /></form>

<?php foreach ($_POST as $key => $val) { echo $key . " belongs to " . $val; } ?>

File2

<script type="text/javascript">
        var button = {
        counter : 0,

            count : function() {
            text = document.getElementById("text");
            this.counter++;
            text.setAttribute("value", this.counter);
        }
    };
    </script>

<button type="button" onclick="button.count()">CLICK ME!</button>
<input id="text" type="text" value="0" />

your input requires a name attribute to identify input when it's processed by PHP — KJYe.Name
– KJYe.Name, Commented May 20, 2011 at 14:17

hsz · Accepted Answer · 2011-05-20 14:18:33Z

5

You forgot to set name attribute:

<input id="text" name="text" type="text" value="0" />

answered May 20, 2011 at 14:18

hsz

153k63 gold badges268 silver badges320 bronze badges

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

2 Comments

Daniel Kats Over a year ago

I feel very stupid for omitting this. I just tested it (my actual code) and adding name parameter solves the issue. Thanks so much.

hsz Over a year ago

Enjoy ! If you find any of the answer helpful, remember to accept it with a tick in the left side (I write about it because you have no answers accepted already).

onteria_ · Accepted Answer · 2011-05-20 14:20:11Z

2

text.setAttribute("value", this.counter);

This is better off as:

text.value = this.counter;

Also you need a name attribute on your element:

<input id="text" name="text" type="text" value="0" />

answered May 20, 2011 at 14:20

onteria_

70.9k7 gold badges73 silver badges64 bronze badges

Comments

Jibu K · Accepted Answer · 2013-06-19 04:28:08Z

0

you didnt set the name attribute for the field "text".

Corrected code:

<input id="text" name="text" type="text" value="0" >

answered Jun 19, 2013 at 4:28

Jibu K

5345 silver badges3 bronze badges

Collectives™ on Stack Overflow

PHP $_POST variable does not process input fields generated by Javascript

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related