Adding Form tag to html elements created by innerHTML

Question

I am dynamically creating html elements: a text box and a submit button which on submitting should go to a php code and place the data in a database.

But the php part is not working if anyone can tell where I'm going wrong

<html>
<head>
    <title>My first PHP page</title>
<script>
    function addsubdomain()
    {
        document.getElementById('subdomain').innerHTML  +="<form id='form1' method='post' action='new.php'> \n\
            <input type='text' id='textid' name='subdomain' value='' /><br /> \n\
            <input type='button' id='button2' name='submit2' value='submit'/></form>";
    }
</script>
</head>
<body>       
    <input type="button" id="button1 "name="submit1"  value="Add SubDomain" onclick="addsubdomain();"/>
    <div id="subdomain"></div>
     <?php
        if(isset($_POST['submit2']))
        {
            echo "hii";// Not working not coming here
            echo $_POST['subdomain'];
        // Insert Query
        }                      
     ?>
</body>
</html>

Answer 1

Currently in your javascript your dynamic button type is button hence it is not submitting the form. Hence, Change your type='button' to type='submit' in javascript. ie change it like this

document.getElementById('subdomain').innerHTML  +="<form id='form1' method='post' action='new.php'> <input type='text' id='textid' name='subdomain' value='' /><br /> <input type='submit' id='button2' name='submit2' value='submit'/></form>";

Adding Form tag to html elements created by innerHTML

Question

1 answers

solution1
3 ACCPTED 2013-05-17 09:30:57

Adding Form tag to html elements created by innerHTML

Question

1 answers

solution1 3 ACCPTED 2013-05-17 09:30:57

solution1
3 ACCPTED 2013-05-17 09:30:57