Как добавить захват select и textarea в ajax отправке письма?

Question

[Mesuti]

Привет!
Есть 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)
                }
            });
        })
    });

но он читает только input.
Как добавить в него еще select и textarea ?

Answer 1

[Andrew]

<input type="hidden" id="maSelect">

$('#writeAppointment').on('submit', function(e){
$('#maSelect').val($('select').val());
...

Comments

[Mesuti]

Получился такой код, также добавил в php переменную.
Не отправляется значение select

$(function() {
    $('#sendform').on('submit', function(e){
        $('#maSelect').val($('select').val());
        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)
            }
        });
    })
});

[Andrew]

Александр Сорокин, input с id "maSelect" в форму добавили?

Answer 2

[Евгений]

мне кажется так проще будет

$(function() {
	$('#writeAppointment').on('submit', function(e){
		e.preventDefault();
		var form = $(this);            
		formData = new FormData(form.get(0));

		var url = 'multisend.php';

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