項目裡要用到添加更多的功能。基本實作是這樣的。截個圖看下:
點選添加更多的時候新加一行:代碼大緻如下:
<tr>
<td class="label">版本号</td>
<td>
<input type="text" name="appversion" id="appversion" value=""/>
<span class="required-field">*</span>
</td>
<td class="label">MD5值</td>
<td><input type="text" name="md5" id="md5" value=""/>
<span class="required-field">*</span><input type="button" οnclick="addMore();" value="添加更多"/>
</td>
</tr>
js部分:
addMore 寫道
function addMore(){
var num=document.getElementById("num").value;
var newNum=(num-0)+1;
document.getElementById("num").value=newNum;
var obj=document.getElementById("tempDiv");
var out="<table class='form-table' cellspacing='1'><tr><td class='label'>版本号</td>"+
"<td>"+
"<input type='text' name='appversion"+num+"' id='appversion"+num+"' value=''/>"+
"<span class='required-field'>*</span>"+
"</td>"+
"<td class='label'>MD5值</td>"+
"<td><input type='text' name='md5"+num+"' id='md5"+num+"' value=''/>"+
"<span class='required-field'>*</span><input type='button' οnclick='addMore();' value='添加更多'/>"+
"</td></tr></table><br/>";
obj.innerHTML+=out;
}
采用div作為容器:
div 寫道 <div id="tempDiv">
</div>
在火狐,opera裡是不會報錯的的,但在IE裡還是會報錯。搜尋了以下,别人說是應為IE對容器的處理不好!據說DIV,TD,SPAN可以的,但我這裡DIV還是報錯!懷疑網上的說法,我用的是IE6,但TD這個是可以的。我試過了!
容器換TD
TD 寫道 <tr>
<td id="tempDiv" colspan="4"></td>
</tr>
這樣是沒有報錯的。!