向表单添加文本输入

时间:2015-03-15 16:56:43

标签: jquery html dom

我想在表单中添加输入,但无法使其正常工作。加载页面时,单击“提交”并循环遍历$ _POST数组,表单中没有添加任何输入。

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

帮助很高兴!

2 个答案:

答案 0 :(得分:1)

尝试将代码放入$(document).ready()

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

答案 1 :(得分:0)

嗯, 您可以像这样尝试输入数组;

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

GL