Я хочу показать значения полей ввода. В настоящее время я использую onchange="document.getElementById('Priority').innerHTML = this.value"
для отдельных полей ввода, и это работает, я просто не знаю, как это сделать с несколькими входными полями. Пользователь может создать столько полей ввода, сколько необходимо. Мне нужно, чтобы в этом формате
<Permission Cooldown="ColldownNumber">PermissionName</Permission>
Это мой javascript код
let input_str = {
title: "Permission",
forms: [
{
type: "text",
name: "Cooldown",
class: "col-md-6",
placeholder: "Cooldown"
},
{
type: "text",
name: "Permission",
class: "col-md-6",
placeholder: "Permission"
}
],
exportTo:$('#getData')
};
$(document).ready(() => {
$(".addInput").click(function() {
build_inputs($(this), input_str);
});
});
let randId = 1;
function build_inputs(e, configs=false) {
if(!configs){
configs = {title:"Slides",forms:[{type:"text",name:"name",class:"form-control mb-2",placeholder:"Enter Data..."}],exportTo:false};
}
let ind = $(".adp-slides").length > 0 ? $(".adp-slides").length + 1 : 1;
let str = `<div id="${configs.title + "-" + ind}" class="row adp-slides"><div class="col-md-10"><div class="form-group"><label><b>${ configs.title } ${ind}</b></label>`;
configs.forms.forEach(config => {
str += `<input type="${config.type}" name="${config.name}" id="adpElem${randId}" class="${config.class}" data-rel="${configs.title+"-"+ind}" placeholder="${config.placeholder}">`;
let currentVal = e
.parent()
.siblings()
.val();
$("#adpElem" + randId)
.val(currentVal)
.focus();
e.parent()
.siblings()
.val("");
randId++;
});
str += `</div></div><div class="col-md-1"><span class="RemovePermission" data-target="${configs.title + "-" + ind}"><i class="fas fa-trash"></i></span></div></div>`;
$(".inputWrapper").append(str);
$(".RemovePermission").click(function() {
$("#" + $(this).attr("data-target")).remove();
});
}