Question

我有一个页面getInformation.php，我正在填充表格。代码如下。

$i=1;
        while ($row = $result->fetch_assoc() ){ 
           if($row['Diag'] == '1' && $row['Treat']=='1'){
            $a = 'Something';
            echo '  
                                         <tr>  
                                              <td>'.$i.'</td>  
                                              <td><a href="http://www.google.com">'.$row['Name'].'</td>  
                                              <td>'.$a.'</td>  
                                              <td><input class="datepicker" id="date" name="date'.$i.'" placeholder="MM/DD/YYY" type="text"/></td>  
                                              <td><a href="#" class="btn btn-secondary btn-lsm active" role="button" aria-pressed="true">Accpet</a></td> 
                                              <td><a href="#" class="btn btn-secondary btn-lsm active" role="button" aria-pressed="true">Reject</a></td> 
                                         </tr>  
                                         ';

                              $i++;
           }
           if($row['Diag'] == '0' && $row['Treat']=='1'){
            $a = 'Treat';
            echo '  
                                         <tr>  
                                              <td>'.$i.'</td>  
                                              <td>'.$row['Name'].'</td>  
                                              <td>'.$a.'</td>  
                                              <td><input class="datepicker" id="date" name="date'.$i.'" placeholder="MM/DD/YYY" type="text"/></td>  
                                              <td><a href="#" class="btn btn-secondary btn-lsm active" role="button" aria-pressed="true">Accpet</a></td> 
                                              <td><a href="#" class="btn btn-secondary btn-lsm active" role="button" aria-pressed="true">Reject</a></td> 
                                         </tr>  
                                         ';

                                $i++;
                            }

          }

问题在于，当我选择任何日期字段时，它仅将值更新为第一个日期字段。无论我选择哪个日期字段。例如，我有4行，如果我选择第4行的日期字段，则只填充第1行的字段。

我的javascript代码如下：

<script>
 $(document).ready(function() {

$(document).on("focus", ".datepicker", function(){
    $(this).datepicker();
     // $( ".datepicker" ).datepicker();
   });
});
</script>

任何输入将不胜感激。

问候

Answer 1

Html id应该是唯一的。和你一样做名字：

id="date'.$i.'"

Answer 2

您必须使用类datepicker

遍历所有元素

$('.datepicker').each(function( index ) {
    /* Do something with the element */
});

手动：https://api.jquery.com/each/

动态添加的Datepicker仅将日期添加到第一个字段

2 个答案: