Javascript 单击按钮后添加输入类型

我试图在单击按钮时添加一个类型

以下是我的jquery脚本：

$(function(){
  $("#add").click(function(){
  $("#inputboxes").append("<tr class='light'><td colspan='3' class='header'>Subject Name</td><td colspan='3'><input type='text' name='subject_name' /></td></tr>");
  })
});

$（函数（）{
$（“#添加”）。单击（函数（）{
$（“#输入框”）。追加（“主题名称”）；
})
});

然后我的HTML标记：

<form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<table cellpadding="0" cellspacing="0" style="text-align:center;">
<thead>
    <tr>
        <th colspan="7">Add subject on the list of available subjects</th>
    </tr>
</thead>
    <tbody id="inputboxes">
        <tr class="dark">
            <td colspan="7">
                <input type="button" id="add" value="Click to add a subject" />
            </td>
        </tr>
    </tbody>
<tbody>
    <tr class="dark">
        <td colspan="7"><input type="submit" name="submit" value="Submit" /></td>
    </tr>
</tbody>
</table>
</form>

#on page top
if(isset($_GET['submit']) print_r($_GET); // the only entry of array is the [submit'] => "Submit"

---

要使“提交”按钮起作用，您需要将输入内容放入表单中。如果愿意，可以在名称中添加增量，但这不是必需的。如果您提交具有相同名称的输入，它们将作为数组提交

添加增量：

$(function(){
    var i = 1;
    $("#add").click(function(){
        $("#inputboxes").append("<tr class='light'><td colspan='3' class='header'>Subject Name</td><td colspan='3'><input type='text' name='subject_name" + (i++) + "' /></td></tr>");
    })
});

$（函数（）{
var i=1；
$（“#添加”）。单击（函数（）{
$（“#输入框”）。追加（“主题名称”）；
})
});

添加表格：

<form action="url" method="POST">
    <table>
        <tbody id="inputboxes">
            <tr class="dark">
                <td colspan="7"><input type="button" id="add" value="Click to add a subject" /></td>
            </tr>
        </tbody>
        <tbody>
            <tr class="dark">
                <td colspan="7"><input type="submit" name="submit" value="Submit" /></td>
            </tr>
        </tbody>
    </table>
</form>

要使“提交”按钮起作用，您需要将输入内容放入表单中。如果愿意，可以在名称中添加增量，但这不是必需的。如果您提交具有相同名称的输入，它们将作为数组提交

添加增量：

$(function(){
    var i = 1;
    $("#add").click(function(){
        $("#inputboxes").append("<tr class='light'><td colspan='3' class='header'>Subject Name</td><td colspan='3'><input type='text' name='subject_name" + (i++) + "' /></td></tr>");
    })
});

$（函数（）{
var i=1；
$（“#添加”）。单击（函数（）{
$（“#输入框”）。追加（“主题名称”）；
})
});

添加表格：

<form action="url" method="POST">
    <table>
        <tbody id="inputboxes">
            <tr class="dark">
                <td colspan="7"><input type="button" id="add" value="Click to add a subject" /></td>
            </tr>
        </tbody>
        <tbody>
            <tr class="dark">
                <td colspan="7"><input type="submit" name="submit" value="Submit" /></td>
            </tr>
        </tbody>
    </table>
</form>


这对您不起作用吗？你面临的问题是什么？我编辑了我的帖子，我不小心在没有完成的情况下提交了问题。这对你不起作用吗？你面临的问题是什么？我编辑了我的帖子，我不小心在没有完成的情况下提交了问题。我使用get作为表单的方法，编辑了我的问题。感谢您在生成的框中增加名称。为什么不用零初始化i？@Dee您提交输入时仍然有问题吗？Bergi，你可以，如果你想的话，我只是选择了用一个来初始化我，我刚刚。谢谢你，威廉。我把它移到了外面，这就解决了问题。输入现在已正确提交。我使用get作为表单的方法，编辑了我的问题。感谢您在生成的框中增加名称。为什么不用零初始化i？@Dee您提交输入时仍然有问题吗？Bergi，你可以，如果你想的话，我只是选择了用一个来初始化我，我刚刚。谢谢你，威廉。我把它移到了外面，这就解决了问题。输入现在已正确提交。