網站開發

          asp.net
          隨筆 - 30, 文章 - 0, 評論 - 9, 引用 - 0
          數據加載中……

          怎樣實現動態添加刪除表單中的行

          <script LANGUAGE="JAVASCRIPT">
          var i= 0;
          var a = 0;
          function insertRow(){
           var otr=myTable.insertRow(myTable.rows.length);
           var ocell=otr.insertCell(0);
           ocell.innerHTML="<input type=file name='f1'+a+''>"
           var ocell=otr.insertCell(1);
          ?? ocell.innerHTML="<input type=file name='f2'+a+''>"
          ?? var ocell=otr.insertCell(2);
          ?? ocell.innerHTML="<input type=button name='del'+a+'' value=刪除 onclick=myTable.deleteRow(event.srcElement.parentElement.parentElement.rowIndex)>"
          ?? i++;
          ?? a++;
          }
          </SCRIPT>
          </HEAD>
          <BODY>
          <table id="myTable" border=1 width=600 >
          </table>
          <input type=button onclick="insertRow()"  value="插入行">
          </BODY>

          2
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<html>
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
          <title>添加刪除行</title>
          </head>

          <body><script LANGUAGE="JAVASCRIPT">
          var j= 1;
          var i= 0;
          var a = 0;
          function insertRow(){
           var otr=myTable.insertRow(myTable.rows.length);
           ??? var ocell=otr.insertCell(0);?????????????????????????????????????????
            ocell.innerHTML="<input onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'type=text? size='12' maxlength='7'name='num"+a+"'>"
           ??? var ocell=otr.insertCell(1);
          ?? ocell.innerHTML="<select name='adsl"+a+"'><option value='1'>ADSL</option><option value='2'> LAN</option></select>"
          ????? var ocell=otr.insertCell(2);?????????????????????????????????????????
          ?? ocell.innerHTML="<input onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'type=text size='20'name='aa"+a+"'value='"+j+"'>"
          ????? var ocell=otr.insertCell(3);?????????????????????????????????????????
          ?? ocell.innerHTML="<input onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'type=text size='20'name='aa"+a+"'>"
          ????? var ocell=otr.insertCell(4);?????????????????????????????????????????
          ?? ocell.innerHTML="<input onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'type=text size='20'name='aa"+a+"'>"
          ????? var ocell=otr.insertCell(5);?
          ?? ocell.innerHTML="<input onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'type=text size='20'name='aa"+a+"'>"?????
          ???? var? ocell=otr.insertCell(6);
          ?? ocell.innerHTML="<input onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'type=button name='del'+a+'' value=刪除 onclick=myTable.deleteRow(event.srcElement.parentElement.parentElement.rowIndex)>"
          ?? j++;
          ?? i++;
          ?? a++;
          }
          </SCRIPT>
          </HEAD>
          <BODY>
          <table id="myTable"width="778" border="1" align="center" cellspacing="0" bordercolorlight="#66CC33" bordercolordark="ffffff">
          ? <tr>
          ??? <td><div align="center">號碼</div></td>
          ??? <td nowrap><div align="center">寬度類型</div></td>
          ??? <td nowrap><div align="center">起始時間</div></td>
          ??? <td nowrap><div align="center">優惠時間</div></td>
          ??? <td nowrap><div align="center">優惠金額</div></td>
          ??? <td nowrap><div align="center">備注</div></td>
          ??? <td nowrap><div align="center">刪除</div></td>
          ? </tr>
          </table>
          <p align="center">
          ? <input type=button onclick="insertRow()"value="插入行">
          </p>

          <p>&nbsp;</p>
          </BODY>

          </body>
          </html>

          3
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
          <html>
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
          <title>添加刪除行</title>
          </head>

          <body><script LANGUAGE="JAVASCRIPT">
          var i= 0;
          var a = 0;
          function insertRow(){
           var otr=myTable.insertRow(myTable.rows.length);
           ??? var ocell=otr.insertCell(0);?????????????????????????????????????????
            ocell.innerHTML="<input onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'type=text? size='12' maxlength='7'name='num"+a+"'>"
           ??? var ocell=otr.insertCell(1);
          ?? ocell.innerHTML="<select onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'name='adsl"+a+"'><option value='1'>ADSL</option><option value='2'> LAN</option></select>"
          ????? var ocell=otr.insertCell(2);?????????????????????????????????????????
          ?? ocell.innerHTML="<input onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'type=text size='20'name='aa"+a+"'value='"+a+"'>"
          ????? var ocell=otr.insertCell(3);?????????????????????????????????????????
          ?? ocell.innerHTML="<input onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'type=text size='20'name='aa"+a+"'>"
          ????? var ocell=otr.insertCell(4);?????????????????????????????????????????
          ?? ocell.innerHTML="<input onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'type=text size='20'name='aa"+a+"'>"
          ????? var ocell=otr.insertCell(5);?
          ?? ocell.innerHTML="<input onkeydown='if(event.keyCode==13){event.keyCode=9;return true}'type=text size='20'name='aa"+a+"'>"?????
          ???? var? ocell=otr.insertCell(6);
          ?? ocell.innerHTML="<input type=button name='del'+a+'' value=刪除 onclick=myTable.deleteRow(event.srcElement.parentElement.parentElement.rowIndex)>"

          ?? i++;
          ?? a++;
          }
          function deleteRow()
          {
          ?? tr=document.getElementById("myTable").rows;
          ?? if(tr.length>1)tr[tr.length-1].removeNode();
          }
          </SCRIPT>
          </HEAD>
          <BODY>
          <table id="myTable"width="778" border="1" align="center" cellspacing="0" bordercolorlight="#66CC33" bordercolordark="ffffff">
          ? <tr>
          ??? <td><div align="center">號碼</div></td>
          ??? <td nowrap><div align="center">寬度類型</div></td>
          ??? <td nowrap><div align="center">起始時間</div></td>
          ??? <td nowrap><div align="center">優惠時間</div></td>
          ??? <td nowrap><div align="center">優惠金額</div></td>
          ??? <td nowrap><div align="center">備注</div></td>
          ??? <td nowrap><div align="center">刪除</div></td>
          ? </tr>
          </table>
          <p align="center">
          ? <input type=button onclick="insertRow()"value="插入行">
          ? <input type=button onclick="deleteRow()"value="刪除行">
          </p>

          <p>&nbsp;</p>
          </BODY>

          </body>
          </html>

          posted on 2007-01-29 18:58 風雨兼程 閱讀(1219) 評論(0)  編輯  收藏 所屬分類: Asp.net

          主站蜘蛛池模板: 诸城市| 沁阳市| 汉沽区| 新田县| 溆浦县| 南宫市| 明溪县| 阜阳市| 临沭县| 肇东市| 泗洪县| 磐石市| 虎林市| 化德县| 聂拉木县| 盘山县| 伊通| 汾阳市| 合阳县| 剑河县| 上虞市| 开远市| 信丰县| 盱眙县| 临夏市| 阳新县| 嘉兴市| 常熟市| 文安县| 南阳市| 包头市| 密云县| 即墨市| 金堂县| 大理市| 虎林市| 聂荣县| 左贡县| 绍兴市| 德清县| 新巴尔虎左旗|