jquery – 如何覆盖提交按钮并收集表单数据

前端之家收集整理的这篇文章主要介绍了jquery – 如何覆盖提交按钮并收集表单数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这样一个网页:
<form id="some-form">
   <input type='text'>
   <button type="submit">
</form>
. . . later in the page . . .
<div id="more-inputs">
   <input type="checkBox">
   <input type="text">
</div>

由于各种原因,后面的输入和复选框不能以原始形式出现,但是在提交表单时,我想使用jQuery从复选框和其他表单中收集值,并将它们作为GET请求提交.

解决方法

要将其作为GET执行,我首先将您需要的值移动到表单中的一些附加的隐藏输入中.然后,您可以调用$.get,数据是新更新表单的序列化版本.

所以:

$('#some-form').submit(function(e) {
  e.preventDefault();    

  $('#more-inputs input').each(function() {
    var el = $(this);
    $('<input type="hidden" name="' + el.attr('name') + '" />')
        .val(el.val())
        .appendTo('#some-form');
  });

  $.get('http://yoururl.com',$('#some-form').serialize(),function (data) {
      alert('handle your data here: ' + data);
  });

});

注意:这要求您在’more-inputs’中输入一些名称属性

猜你在找的jQuery相关文章