CodeIgniter:使用JavaScript和PHP的表列表

Question

表列表

我的思想是对此逻辑的困扰。当我单击"添加部分"按钮时，模态打开了要求输入值。我想要的是，该模式中的所有值都将在添加部分下表上列出。每行都有不同的名称供邮政方法。请有人帮我吗？谢谢

Answer 1

如果我正确理解，则要创建多行，然后将其提交为表单。使用jQuery附加表行，并创建包含输入字段的单元格。您可以将这些输入字段名称设置为数组<input type="text" name="section[]" value="somevaluefrommodal">

基本的HTML Layount应该看起来像这样：

$(document).ready(function(){
  // click handler
  $("#add-row").on("click", function() {
    $("table").append('<tr><td><input type="text" name="section[]" value="Section2"/></td><td><input type="text" name="test[]" value="Test2"/></td></tr>');
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="add-row">Add Row</button>
<form>
  <table style="width:100%">
    <tr>
      <th>Section</th>
      <th>Test</th> 
    </tr>
    <tr>
      <td><input type="text" name="section[]" value="Section1"/></td>
      <td><input type="text" name="test[]" value="Test1"/></td> 
    </tr>
    <tr>
      <td><input type="text" name="section[]" value="Section2"/></td>
      <td><input type="text" name="test[]" value="Test2"/></td> 
    </tr>
  </table>
  <input type="submit" />
</form>