当前位置:起点学习辅导网培训频道电脑知识学习网页制作Javascript教程Javascript 动态添加&删除列表框内容

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

08-08 00:40:01浏览次数:592栏目:Javascript教程
标签:javascript视频教程,javascript教程下载, Javascript 动态添加&删除列表框内容,
       </td>  
               <td        width="150">  
       <form        id="frmDisplay"        action="xxx.jsp"        method="post"        style="margin:0        ">  
       <select        name="dltTarget"        size="10"        multiple        style="width:100%        "></select>  
       </form>  
       </td>  
           </tr>  
           <tr>  
               <td        align="center">作者:梅雪香</td>  
               <td        align="center">ver:1.0</td>  
               <td        align="center">  
       <input        type="reset"                value="重置">    
       <input        type="button"        value="提交"        >  
       </td>  
           </tr>  
       </table>  
   
       </body>  
       </html>  
例四

<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       >删除行</button>  
      <script       language="JavaScript">  
          function       del(){  
              tab.firstChild.removeChild(tab.rows[1])         //这个firstChild是指<tbody>,删除第二行  
              tab.rows[0].parentElement.removeChild(tab.rows[0])         //用另一方法删除第一行
          }  
      </script>  
例五

<button >add</button>
<button >del</button>
<button >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 >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] 

,Javascript 动态添加&删除列表框内容
给资讯打分:
网友评论: