开发学院网页设计JavaScript Javascript 动态添加&删除列表框内容 阅读

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

 2010-09-14 13:34:54 来源:WEB开发网   
核心提示: 例四<table id="tab" width="200" height="70" border="1" cellpadding="0" cellspacing="0&quo

例四

<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>

上一页  1 2 3 4 5 

Tags:Javascript 动态 添加

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接