Question

我有一个动态表，可以添加更多行。这是我的桌子。

<table> 
  <thead>
    <tr class="success">
     <th>Bank/Lender</th>
     <th>Add More</th>
    </tr>
  </thead>
  <tbody >
   <tr>
    <td>
     <?php
       $data = array(
              'name' => 'debt_info_bank_name[]',
              'id' => '',
              'class' => 'form-control',
              'placeholder' => 'Bank/Lender Name'
              );
       echo form_input($data);
      ?>
    </td>
    <td>
     <input class="add btn btn-success btn-sm" type="button" value="Add More"  />
    </td>
  </tr>
</tbody>

这是我的javascript部分：

    $(document).on('click','.add',function(){ 
    $(this).val('Delete');
    $(this).attr('class','del btn btn-danger btn-sm');
    var appendTxt = '<tr><td><?php  $data = array(
                                    'name' => 'debt_info_bank_name[]',
                                    'id' => '',
                                    'class' => 'form-control',
                                    'placeholder' => 'Bank / Lender Name'
                                  );
                                  echo json_encode(form_input($data)); ?></td><td><input class="add btn btn-success btn-sm" type="button" value="Add More"  /></td></tr>';
    $("#dyn_table > tbody > tr:last").after(appendTxt);
    });

    $(document).on('click','.del',function(){ 
        $(this).parent().parent().remove();

    });

它添加行但引号为＃34;＆＃34;在每个td元素中。我怎么能纠正它？

注意：如果我使用html元素（如

）在javascript代码中添加字段

 var appendTxt = '<tr><td><input type="text" placeholder="Bank/Lender Name"  /></td> <td><input class="add btn btn-success btn-sm" type="button" value="Add More" /></td></tr>';

然后它很好，但我想在codeigniter style中添加字段，因为这样做更安全。

Answer 1

从这里删除json_encode。只是回声

 echo form_input($data); ?></td><td><input class="add btn btn-success btn-sm" type="button" value="Add More"  /></td></tr>';

CodeIgniter - 使用表单助手函数创建动态html表？

1 个答案: