Question

我有以下代码：http://jsfiddle.net/SzW7q/

管理员将能够进入并创建新的howto文章并反复输入新的步骤，直到特定任务有关于如何执行所有内容的完整文章。每当管理员想要添加新行时，一切都工作得很好，但我遇到的问题是，一旦表单被提交，只有原始行被发布而所有克隆都没有。例如，以下tr将发布，但之后的所有克隆都不会

原始行发布：

<tr><th>Step to complete</th><td><input type='hidden' name='stepnum1' /><input type='text' name='step_num_text1' style='width: 350px;'/></td></tr>

未发布的克隆：

<tr><th>Step to complete</th><td><input type='hidden' name='stepnum2' /><input type='text' name='step_num_text2' style='width: 350px;'/></td></tr>
<tr><th>Step to complete</th><td><input type='hidden' name='stepnum3' /><input type='text' name='step_num_text3' style='width: 350px;'/></td></tr>

有人可以告诉我为什么这些新行没有发布以及我可以做些什么呢？

谢谢。

Answer 1

将您的标记设为

<form method="post">
    <table width="60%" border='0' cellspacing='0' cellpadding='2' class='tform add_howto' id='add_howto'>
        <tr class='header'>
            <td colspan='2'>Add New HowTo Article</td>
        </tr>
        <tr>
            <td>Article Name</td>
            <td><input type='text' name='howto_name' /></td>
        </tr>
        <tr>
            <td>Step to complete</td>
            <td><input type='hidden' name='stepnum1' /><input type='text' name='step_num_text1' style='width: 350px;'/></td>
        </tr>
    </table>
  <input type='submit' value='Submit HowTo' name='add_howto' class='button' />&nbsp;
</form>

<button id='newRowButton' class='button' style='float: left; padding: 2px 6px; margin-top: 2px;'>Add new step</button>

http://jsfiddle.net/SzW7q/1/

我查了帖子：

add_howto   Submit HowTo
howto_name  asd
step_num_text1  sdf
step_num_text2  sdf
step_num_text3  sdf
stepnum1    
stepnum2    
stepnum3

Answer 2

根据jsfiddle，你的HTML代码很乱。而不是

     <table>
       <form>
       ....
       </table>
    </form>

你必须

<form>
   <table>
   ...
   </table>
</form>

所以它基本上只是无效的HTML。

PHP / jQuery＆gt;新表行输入不提交

2 个答案: