Question

我在jade中有一个隐藏的输入字段：

input(name='saintForm[quotes][]', type='hidden')

我想使用jquery从动态无序列表添加到此数组，但不确定如何。这是我失败的尝试：

  $('#form').on('submit', function(e){
    e.preventDefault();
    $('.quote').each(function (i){
      var item = $(this).text().replace(' (x)','');
      $("input[name='saintForm[quotes][]']").push(item);
    });
    this.submit();
  });

Answer 1

如果您只是为默认表单功能添加值，则可以使用值创建输入。

 // grab your form and wrap it in jQuery
 var myForm = $('#form'); 

 // list teo the submit event
 myForm.on('submit', function(e) {
   e.preventDefault();

   $('li.quote').each(function() {
       $('<input />', { 
           type: 'text', // input type
           name: 'saintForm[quotes][]', // the name of the form input
           value: $(this).text() // the text from the current list-item
       }).appendTo(myForm); // append each input to the form     

   });

   myForm.submit(); // submit the form

});

您当然可以使用AJAX轻松地将各种任意数据发送到服务器，但如果您只是使用普通表单提交，我想这是一个很好的方法。

添加到HTML输入数组

1 个答案: