Javascript 动态添加&删除列表框内容

例四

<table　　　 id="tab"　　　 width="200"　　　 height="70"　　　 border="1"　　　 cellpadding="0"　　　 cellspacing="0">　
　　　　　<tbody>　
　　　　　　　<tr><td>第一行</td></tr>　
　　　　　　　<tr><td>第二行</td></tr>　
　　　　　　　<tr><td>第三行</td></tr>　
　　　　　　　<tr><td>第四行</td></tr>　
　　　　　</tbody>　
　　　</table>　
　　　<br>　
　　　<button　　　 onClick="del()">删除行</button>　
　　　<script　　　 language="JavaScript">　
　　　　　function　　　 del(){　
　　　　　　　tab.firstChild.removeChild(tab.rows[1])　　　　 //这个firstChild是指<tbody>，删除第二行　
　　　　　　　tab.rows[0].parentElement.removeChild(tab.rows[0])　　　　 //用另一方法删除第一行
　　　　　}　
　　　</script>　

例五

<button onClick="add()">add</button>
<button onClick="del()">del</button>
<button onClick="test()">test</button>
<table id="t1" border="1"></table>
<script language="JavaScript">
var n=0;
function add(){
n++;
t1.insertRow().insertCell().innerHTML = '<input type="radio" name="tt"><input name="test'+n+'"><button onclick="deleteRow(this)">delthis</button>';
//t1.insertRow().insertCell().innerHTML = '<input type="radio" name="tt"><input name="test'+t1.rows.length+'">';
}
function del(){
var c = document.getElementsByName('tt');
for(var i=0; i<c.length; i++)
if(c[i].checked)
t1.deleteRow(i);
}
function deleteRow(obj){
t1.deleteRow(obj.parentElement.parentElement.rowIndex);
}
function test(){
for(i=0;i<t1.rows.length;i++) alert(t1.rows[i].cells[0].innerHTML);
}
</SCRIPT>