0

次のコードが機能しています：http： //jsfiddle.net/SzW7q/

管理者は、特定のタスクにすべてを実行する方法に関する完全な記事が含まれるまで、新しいハウツー記事を作成し、新しいステップを何度も入力することができます。管理者が望むときにいつでも新しい行を追加することですべてがうまく機能していますが、私が直面している問題は、フォームが送信されると元の行のみが投稿され、すべてのクローンが投稿されないことです。たとえば、次の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>

誰かがこれらの新しい行が投稿されない理由とそれについて私ができることを教えてもらえますか？

ありがとうございました。

4

2 に答える 2

2

jsfiddleによると、HTMLコードが混乱しています。それ以外の

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

絶対必要です

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

つまり、基本的には無効なHTMLです。

于 2012-08-24T20:47:55.073 に答える
2

マークアップを

<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
于 2012-08-24T20:32:55.957 に答える