Svileff
Новичок
Есть элемент формы
Таких форм может быть много но у них есть отличий id="form0". Цифра разная. При выборе select мы запускаем функцию и надо вернуть значение обратно на эту форму и вставить в другие input.
Вот то что я успел написать и получаю ошибку но не могу понять как мне двигаться дальше. В JS я новичок. Помогите пожалуйста.
Код:
<template id="form0">
<div class="form-row mb-2">
<input type="hidden" name="id" value="">
<input type="hidden" name="type" value="service">
<input type="hidden" name="day_e" value="6648301">
<div class="form-group col-sm-12">
<input type="text" class="form-control" name="name_service" placeholder="Название">
</div>
<div class="form-group col-sm-3">
<select name="activity_service" onchange="upldinfo('0');" class="form-control">
<option value="souvenir-group">Souvenir</option>
<option value="ppk-small-group">PPF pass (sedan)</option>
</select>
</div>
<div class="form-group col-sm-3">
<input class="form-control" name="description_service" placeholder="Продолжительность"/>
</div>
<div class="form-group col-sm-2">
<input type="number" class="form-control" name="cost_service">
</div>
<div class="form-group col-sm-2">
<input type="number" class="form-control" name="cost_one_service">
</div>
<div class="form-group col-sm-2">
<input type="text" class="form-control" name="sum_service" id="sum_service">
</div>
<div class="form-group col-sm-1">
<a href="#" class="delete-button">Удалить</a>
</div>
</div>
</template>
Код:
<script>
function upldinfo(id) {
var d = [];
var rows = $('#form').id;
for(var i = 0; i < rows.length; i++) {
r = {};
j = $(rows[i]).find('select, hidden');
for(var k = 0; k < j.length; k++) {
r[$(j[k]).attr('name')] = $(j[k]).val()
}
d[d.length] = r;
}
$.ajax({
url: '/TransferAjax.php',
type: "POST",
data: {data3: JSON.stringify(d)},
success: function() {
},
dataType: 'json'
});
console.log(d.val());
$("#sum_service").html(result);
};
</script>
Последнее редактирование: