Я создал форму. у него есть выпадающий список. если выбран параметр c, некоторые входы будут создаваться динамически. проблема заключается в том, что динамически созданные входные данные не передаются в методе post скрипту php. вот мой код:
<script>
function forn(that) {
if (that.value == "ps")
{
var x = document.getElementById("xx");
var rr = document.getElementById("rtrt");
var trtr = document.createElement("div");
trtr.id += "trtr";
trtr.className += "col-sm-3 form-group";
var input1 = document.createElement("input");
input1.setAttribute('type', 'checkbox');
input1.name = "_fr";
input1.style.marginTop = "3em";
trtr.appendChild(input1);
var label = document.createElement("label");
label.className += "form-control-label mbr-fonts-style display-7";
label.innerText = "yes";
label.style.marginRight = "0.5em";
var br = document.createElement("br");
trtr.appendChild(label);
x.insertBefore(trtr, rr.nextSibling);
}else { $("div").remove("#trtr"); }
}
</script>
и моя форма отправляется с помощью ajax до php:
<script>
$(document).on('click', '#calc', function (e) {
var data = $("#form-pay").serialize();
alert(data);
e.preventDefault();
$.ajax({
data: data,
cache: false,
type: "post",
url: "calc_price.php",
success: function (data) {
$("div").remove("#estelam");
var form = document.getElementById("xx");
var div = document.createElement('div');
var btns = document.getElementById("btns");
div.id += "estelam";
div.className += "alert alert-success";
div.style += "display:inline-block;";
div.appendChild(document.createTextNode("data));
form.insertBefore(div, btns);
}
});
});
</script>
спасибо за вашу помощь.