Question

我有一个包含多个输入框的表单。并使用此表单进行mutil克隆。

如何使用web py将所有表单插入db？

这是克隆代码：

function resetForm($$form) {
    $$form.find('input:text, input:password, input:file, select, textarea').val('');
    $$form.find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
}
var count = 0;
var $$clonedata = $$('.form_data').clone();
resetForm($$clonedata);
$$(document).on('click', '.Add', function(e) {
    e.preventDefault();
    count++;
    $$clonedata.clone().appendTo('#form_data').attr('id','form_data');
  });

$$('#form_data').on('click', '.Remove', function(e) {
    e.preventDefault();
    $$(this).closest('.form_data').remove();
});

Answer 1

试试这个，

$(function() {
  function resetForm($form) {
    $form.find('input:text, input:password, input:file, select, textarea').val('');
    $form.find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
  }
  var count = 0;
  var $clonedata = $('.form_data').clone();
  resetForm($clonedata);
  $('.Add').on('click', function(e) {
    e.preventDefault();
    count++;
    $clonedata.clone().appendTo('#form_data').attr('id', 'form_data');
  });

  $('#form_data').on('click', '.Remove', function(e) {
    e.preventDefault();
    $(this).closest('.form_data').remove();
  });
  
  $('.Save').on('click', function(e) {
    e.preventDefault();
    console.log($('form').serialize());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<a class="Add" href="#">Add</a>
<div id="form_data">
  <div class="form_data" style="margin:5px"> <input type="text" name="name1[]" value="" /> <input type="text" name="name2[]" value="" /> <button class="Remove">Remove</button>
</div>
</div>
<a class="Save" href="#">Save</a>

</form>

具有相同名称属性的iput字段的多个表单

1 个答案: