Adding a text input to a form

Question

I want to add an input to a form and cannot make it work. When loading the page, clicking "submit" and looping through the $_POST array, no input was added to the form.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <script>
    $('#myOrder').append('<input type="text" name="test" value="product">');
    </script>
    <form id="myOrder" action="" method="post">
        <input type="submit" value="Submit">
    </form>
    <?php
    if ($_POST)
        {
        foreach($_POST as $key => $value)
            {
            echo $key . "<br>";
            echo $value;
            }
        }
    ?>
</body>
</html>

Help is highly appriciated!

@Jon Mark Perry. I put the append() in a function on an external file and call the function with addEventListener on load. — Kobbe
– Kobbe, Commented Mar 15, 2015 at 22:04

hamed · Accepted Answer · 2015-03-15 17:33:29Z

1

Try to put your code inside $(document).ready():

$(document).ready(function(){
    $('#myOrder').append('<input type="text" name="test" value="product">');
});

answered Mar 15, 2015 at 17:33

hamed

8,04517 gold badges66 silver badges119 bronze badges

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

2 Comments

Kobbe Over a year ago

Thank you Hamed. Shokran. Sorry for the late reply, I was grabbing a bite. I did not think append() had to be called as it was inside the body of the document.

hamed Over a year ago

You are welcome. It's better to put my code inside <head></head> section.

Josephy Besim · Accepted Answer · 2015-03-15 21:37:34Z

0

Hmm, You can try make inputs as array like this;

$('#myOrder').append('<input type="text" name="input[]" value="product">');

GL

answered Mar 15, 2015 at 21:37

Josephy Besim

534 bronze badges

Collectives™ on Stack Overflow

Adding a text input to a form

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related