Добавьте больше полей ввода и покажите vaules с getElementById - PullRequest
0 голосов
/ 14 января 2020

Я хочу показать значения полей ввода. В настоящее время я использую 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();
  });
} 
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...