Блог

Итак, это мой код в HTML:

 <div><label> Control Number </label>
  <input name="get_control_num" style="text-transform:uppercase"
    class="form-control" id="sel_control_num" readonly>
</div>
<div class="form-group">
  <label> Quantity </label>
  <input class="form-control" name="quantity" type="number"
    onchange="addInputs(this)" />
  <br>
  <button type="button" class="btn btn-primary"> Add Control Number </button>
</div>
<div class="form-group" id="parent"></div>
 

и это мой код на Javascript, где я использовал setAttribute

 function addInputs(pass) {
  var n = pass.value amp;amp; parseInt(pass.value, 10);
  if (isNaN(n)) {
    return;
  }
  var input;
  var getCurrdata = document.getElementById("sel_control_num");
  var parent = document.getElementById("parent");
  functionPopulate(parent);
  for (var i = 0; i < n; i  ) {
    input = document.createElement('input');
    input.setAttribute('placeholder', 'Control No.')
    input.setAttribute('type', 'text');
    input.setAttribute('class', 'onInput');
    input.setAttribute('name', 'get_Input_show');
    input.setAttribute('value', '*suppose to be value of ID #select_control_num*');
    document.getElementById("parent").style.padding = "5px 0px 0px 0px";
    parent.appendChild(input);
  }
}

function functionPopulate(div) {
  div.innerHTML = '';
}
 

Как я могу передать значение того, что находится внутри ID(#sel_control_num) в моем HTML, чтобы, если я добавлю в зависимости от того, сколько величин я ввел, оно должно отображать данные этого идентификатора. Я не могу придумать правильного решения, потому что я новичок в javascript. Спасибо за помощь.

 input.setAttribute('value', document.getElementById('sel_control_num').value);
 

Обратите внимание, что <input> в опубликованном вами HTML-файле указан идентификатор sel_control_num , а не select_control_num как ваша запись в вопросе.

Вы можете сделать это:

 input.setAttribute('value', document.getElementById('select_control_num').value);
 

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById

Другим решением было бы

 input.setAttribute('value', document.querySelector('#select_control_num').value);
 

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

Также имейте в виду, что вы просите получить значение из элемента с идентификатором select_control_num , но я вижу только элемент с идентификатором sel_control_num в вашем html, поэтому убедитесь, что они совпадают.