将Form标签添加到innerHTML创建的html元素中

时间:2013-05-17 09:26:03

标签: php javascript html

我正在动态创建html元素:文本框提交按钮,提交时应该转到php代码并将数据放入数据库。

但如果有人能告诉我哪里出错了,那么php部分就无法正常工作

<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>

1 个答案:

答案 0 :(得分:3)

目前在您的javascript中,您的动态按钮类型是按钮,因此它不提交表单。因此,在javascript中将type ='button'更改为type ='submit'。即改变它

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>";