Объединить значение флажка со значением параметра выбора в форме

У меня есть форма, которая имеет список флажков и <table> <tr> <td> <select class = "qty" name = "qty" id = "qty" > <option value = "1" > 1 </ option > </ select> </ td> </ tr> <tr> <td> <input id = "Part1_1" name = "Part []" type = "checkbox" value = "Part 1" > </ td> < / tr> <tr> <td> <select class = "qty" name = "qty" id = "qty1" > <option value = "1" > 1 </ option> <option value = "2" > 2 </ option> </ select> </ td> < / tr> <tr> <td> <input id = "Part1_2" name = "Part []" type = "checkbox" value = "Part 2" > </ td> </ tr> </ table> <script> $ ( документ ). ready ( function () { $ ( "# contact-form" ). on ( "submit" , function ( e ) { e . preventDefault (); var sendData = $ ( this ). serialize (); $ . ajax ({ type : «POST» , url : «orderform.php» , data : sendData , success : function ( data ) { $ ( ".response_msg" ). text ( data ); $ ( ".response_msg" ). slideDown (); } }); }); }); </ script> ион вариант. Это форма заказа. Когда клик нажмет на флажок, я хотел бы, чтобы значение опции выбора, а также значение флажка было отправлено с формой.

Я действительно не знаю AJAX. Я использую сценарий, который я нашел, чтобы получить все данные в файл php. Что мне нужно добавить в jquery, чтобы значение параметра и флажка для всех отмеченных элементов объединялось как одна переменная?

select

EDIT: Я хотел бы передать в php переменную для каждой части. Поэтому, если проверяется Часть 1, значение флажка и значение количества будут сгруппированы вместе.

javascript,php,jquery,ajax,checkbox,

0

Ответов: 2


0

Вы можете использовать объект FormData, который позволит вам добавить значение списка ComboBox и Select и отправить его в запросе ajax.

Проверьте эту форму FormData


0

Вам нужно добавить selectзначение таким образом. И вы также должны добавить новый параметр в свой метод на сервере. В этом примере я назвал его select_param.

$(document).ready(function() {
    $("#contact-form").on("submit", function(e) {
        e.preventDefault();
        var sendData = $(this).serialize();
        $.ajax({
            type: "POST",
            url: "orderform.php",
            data: sendData + "&select_param1=" + $("#qty option:selected").text() + 
                             "&select_param2=" + $("#qty1 option:selected").text(),
            success: function(data) {
                $(".response_msg").text(data);
                $(".response_msg").slideDown();
            }
        });

    });
});
JavaScript, PHP, JQuery, AJAX, флажок,
Похожие вопросы