主页 / 问题 / 892007
Accepted
VanilJS
Asked:2020-10-12 03:44:55 +0000 UTC2020-10-12 03:44:55 +0000 UTC

如何在 ajax 电子邮件发送中添加选择和文本区域捕获？

  • 772

有一个用于提交反馈表单的 Ajax 脚本。

$(function() {
        $('#writeAppointment').on('submit', function(e){
            e.preventDefault();
            var form = $(this);
            var data = new FormData();
            form.find(':input[name]').not('[type="file"]').each(function() {
                var field = $(this);
                data.append(field.attr('name'), field.val());
            });
            var filesField = form.find('input[type="file"]');
            var fileName = filesField.attr('name');
            var file = filesField.prop('files')[0];
            data.append(fileName, file) ;

            var url = 'multisend.php';

            $.ajax({
                url: url,
                type: 'POST',
                data: data,
                contentType: false,
                cache: false,
                processData:false,
                success: function(response) {
                    console.log(response)
                }
            });
        })
    });

但它只读取输入。如何向其中添加更多选择和文本区域？

javascript

1 个回答

  1. Best Answer

    如何向其中添加更多选择和文本区域？

    我想select它们textarea在标签内form？

    给他们name非空值的属性。

    var data = new FormData(this);
$.ajax({
  data: data,
  ...

    将表单元素传递给构造函数FormData，变量data将包含来自命名表单元素的所有数据以及用户输入。

    @VladimirKlykov - 谢谢，当他们理解你时很好）。

    $("form").submit(function(e){
  e.preventDefault();
  var data = new FormData(this);
  for (var pair of data.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
  }
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input name="n1" value="test"/>
  <select name="n2">
    <option value="1">One</option>
    <option value="2" selected>Two</option>
  </select>
  <textarea name="n3">My Text</textarea>
  <button type="submit">Submit</button>
</form>

    • 2

相关问题