这是我的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 && 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 = '';
}
How can i pass the value of whats inside of the ID(#select_control_num)
in my HTML so that if i add depending on how many quantities i put, it should display the data of that ID. I can't think of proper solution because i am new to javascript. Thanks for the help.