AJAX POST Отправка нескольких значений DIV - PullRequest
Новая
       33

AJAX POST Отправка нескольких значений DIV

0 голосов
/ 19 сентября 2018

Я хотел бы отправить свои динамически сгенерированные элементы DIV, но я не понимаю, как это сделать

Я создаю свой div динамически: 

$("#clt_forf_ti").click(function(e){
            e.preventDefault();
            if(x < max_input){
                x++;
                var addDIV = $('<div id="clt_forf_div'+x+'" class="w-100 form-control" ><label for="clt_forf_num'+x+'">Ligne :</label> <input type="text" class="font-weight-bold border-top-0 border-right-0 border-left-0 mR-10" id="clt_forf_num'+x+'" autocomplete="off" style="width: 100px" > Forfait : <i id="clt_forf_forf_select'+x+'" style="display:none;"></i><input type="text" class="border-top-0 border-right-0 border-left-0" id="clt_forf_forf'+x+'" autocomplete="off" style="width: 180px"><i class="ti-calendar mL-20 mR-5"></i><input type="text" class="border-top-0 border-right-0 border-left-0" id="clt_forf_date_start'+x+'" name="datepicker" placeholder="Début" style="width: 80px"><i class="ti-calendar mL-20 mR-5"></i><input type="text" class="border-top-0 border-right-0 border-left-0" id="clt_forf_date_end'+x+'" name="datepicker" placeholder="Fin" style="width: 80px"><i id="clt_forf_ti_remove" class="ti-close c-red-500 mL-5" style="cursor: pointer;"></i></div>');

                $('#clt_forf_bloc').append(addDIV);
                $('#clt_forf_forf'+x, addDIV).autocomplete(autocomp_opt);
                $("input[id^='clt_forf_date']", addDIV).datepicker(datepick);
                //$('#clt_forf_date_end'+x, addDIV).datepicker(datepick);
            }
        });

Я хочу отправить каждое значениепо ajax: 

var data = {
                op_clt_forf_ref: $("[id^='clt_forf_forf_select']").html(),
                op_clt_forf_num: $("[id^='clt_forf_num']").val(),
                op_clt_forf_start: $("[id^='clt_forf_date_start']").val(),
                op_clt_forf_end: $("[id^='clt_forf_date_end']").val(),
                op_clt_forf_nom: $("[id^='clt_forf_forf']").val(),
            };

однако он берет меня только первый div, а не остальные,

Вы можете мне помочь?

1 Ответ

0 голосов
/ 19 сентября 2018

Созданные вами элементы ранее не присутствовали в DOM.Так что не могу нацелиться на них напрямую.Попробуйте сделать это: 

var data = {
            op_clt_forf_ref: $('body #clt_forf_forf_select').html(),
            op_clt_forf_num: $('body #clt_forf_num').val(),
            op_clt_forf_start: $('body #clt_forf_date_start').val(),
            op_clt_forf_end: $('body #clt_forf_date_end').val(),
            op_clt_forf_nom: $('body #clt_forf_forf').val(),
        };
...