Question

我的问题很简单但我无法解决它。我正在尝试通过js函数填充表单。这是我的表格（对于每个日期，用户可以输入他当天所做的事情（行动）和花在此行动上的时间（NbHour））：

<div id="hoursDetails" class="toogle_form" style="display:none">
      <table border=0>
          <?php for ($i=0 ; $i<3; $i++){
        echo '<tr>
                  <td><div id="date'.$i.'" ></td>   
               <td><input type=text name="action'.$i.'"  placeholder="Votre action">
               <input type="text" name="Nbhour'.$i.'"  placeholder="nombre heures">
               </td>
            </tr>
       </table> ' ;}
        ?>

当我尝试填充此表单时出现问题。以下是我在js函数中的工作方式：

$('#date0').html('monday');
$('#date1').html('tuesday');
$('#date2').html('wednesday');

奇怪的是，这只显示了两个输入的星期一：动作和小时数。对于第二行，它仅在星期二打印。并且第三行不存在。我做错了什么？谢谢你的帮助

Answer 1

您的标记无效，在每次迭代中关闭表（</table>）进行循环将打破标记。

将</table>移出循环并关闭hoursDetails <div>

<div id="hoursDetails" class="toogle_form" style="display:none">
<table border=0>
<?php for ($i=0 ; $i<3; $i++){
    echo '<tr>
        <td><div id="date'.$i.'" ></div></td>   
        <td>
            <input type=text name="action'.$i.'"  placeholder="Votre action">
            <input type="text" name="Nbhour'.$i.'"  placeholder="nombre heures">
        </td>
    </tr>' ;}
?>
</table>
</div>

Answer 2

您需要关闭<div>代码

您没有关闭开放的div：

<div id="hoursDetails" class="toogle_form" style="display:none">

Answer 3

您没有关闭div和input标签，这可能会导致问题：

<div id="hoursDetails" class="toogle_form" style="display:none">
      <table border=0>
          <?php for ($i=0 ; $i<3; $i++){
        echo '<tr>
                  <td><div id="date'.$i.'" ></div></td>   
                  <td>
                      <input type=text name="action'.$i.'"  placeholder="Votre action"/>
                      <input type="text" name="Nbhour'.$i.'"  placeholder="nombre heures"/>
                 </td>
            </tr>
       </table> ' ;}
        ?>

无法填充表单的数组

3 个答案: