當我添加一個文本框時,主文本框自動輸入已添加的文本框數量並不是完全需要的。錯誤:自動計算添加的文本框不應該是
這裏是你傳遞ID作爲參數代碼
function addElement() {
var ni = document.getElementById('myDiv');
var numi = document.getElementById('theValue');
var num = (document.getElementById('theValue').value - 1 + 2);
numi.value = num;
var newdiv = document.createElement('div');
var divIdName = 'my' + num + 'Div';
newdiv.setAttribute('id', divIdName);
newdiv.innerHTML = '<div class="form-group"> <label for="color" class="control-label col-xs-4"><p class="left"></p></label> <div class="col-xs-7"> <input type=text id=' + num + 'value= ' + num + ' class= "req"><a href="javascript:remove(' + divIdName + ')">Remove</a>';
ni.appendChild(newdiv);
}
function remove(dId) {
var ni = document.getElementById('myDiv');
ni.removeChild(dId);
}
<label for="color" class="control-label col-xs-4">
<p class="left">Color/s</p>
</label>
<input name="color" class="req" id="theValue" autocomplete="off" required/>
<p><a class="btn btn-default bt " role="button" href="javascript:addElement()">Add Color</a>
</p>
<div id="myDiv"></div>
<div style='clear: both;'></div>
'(的document.getElementById( 'theValue')值 - 1 + 2);'爲什麼不使用號碼()或parseInt函數()將其轉換爲數字? – epascarello
'Remove' – epascarello
@epascarello你能告訴我如何?我會在哪裏把Remove – Vista