DANCE WITH JAVA

          開發(fā)出高質(zhì)量的系統(tǒng)

          常用鏈接

          統(tǒng)計(jì)

          積分與排名

          好友之家

          最新評(píng)論

          javascript 動(dòng)態(tài)添加刪除控件

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
          <HTML>
          <HEAD>
          <TITLE> New Document </TITLE>
          <META NAME="Generator" CONTENT="EditPlus">
          <META NAME="Author" CONTENT="">
          <META NAME="Keywords" CONTENT="">
          <META NAME="Description" CONTENT="">
          </HEAD>

          <BODY>
          <script language="javascript">
          var i = 0,j = 0;     //行號(hào)與列號(hào)
          var oNewRow  ;    //定義插入行對(duì)象
          var oNewCell1,oNewCell2;     //定義插入列對(duì)象

          //添加條件行
          function AddRow()
          {
          = document.all.MyTable.rows.length;
          oNewRow 
          = document.all.MyTable.insertRow(i);
          oNewRow.id 
          = j;

          //添加第一列
          oNewCell1 = document.all.MyTable.rows[i].insertCell(0)
          oNewCell1.innerHTML 
          = "<input type='text' id='Value" + j + "'"+" size='14' value=\"\">";

          //添加第二列
          oNewCell2 = document.all.MyTable.rows[i].insertCell(1)
          oNewCell2.innerHTML 
          ="<input type=button name=Del" + j + " value='刪除當(dāng)前行'"+"onClick='DelCurrentRow(" + j + ");'>";
          j
          ++;
          }


          //刪除行
          function DelCurrentRow(j)
          {
          with(document.all.MyTable)
          {
          for (var i=0;i<rows.length;i++)
          {
          if (rows[i].id == j)
          {
          deleteRow(i);
          }

          }

          }

          }

          </script>

          <form method="post" action="">
          <div style="margin-left:80px;color:red;font-weight:bold;"></div>
          <div align="center" class="title-font">
          動(dòng)態(tài)添加HTML元素
          </div>
          <br>
          <table style="border:0px;" cellpadding=0 cellspacing=0
               align
          ="center">
          <tr>
          <td style="border:0px;" width="340"><hr></td>
          <td style="border:0px;"><input type=button value="添加" name"addFieldBT" onclick="AddRow();"/></td>
          </tr>
          </table>
          <br><br>
          <table style="border:0px;" cellpadding=0 cellspacing=0
             align
          ="center" class="TableBody" id="MyTable" border="0">
          </table>
          <br><br>
          <table style="border:0px;" cellpadding=0 cellspacing=0
             align
          ="center">
            
          <tr>
             
          <td align="center" style="border:0px;">
             
          <input type=button value="提交" name="searchBT" onclick=""/>
             
          </td>
            
          </tr>
          </table>
          <script language="javascript">AddRow()</script>
          </form>
          </BODY>
          </HTML>

          posted on 2007-09-14 09:39 dreamstone 閱讀(6470) 評(píng)論(1)  編輯  收藏 所屬分類: 片段腳本語言javascript

          評(píng)論

          # re: javascript 動(dòng)態(tài)添加刪除控件 2008-06-02 09:37 `

          `  回復(fù)  更多評(píng)論   

          主站蜘蛛池模板: 高要市| 襄城县| 南岸区| 宝鸡市| 阳山县| 榆社县| 泸水县| 上高县| 石屏县| 定边县| 秀山| 阜宁县| 莱西市| 盐亭县| 名山县| 扶绥县| 西林县| 廊坊市| 临洮县| 阿克| 盈江县| 兴化市| 侯马市| 庆城县| 渝北区| 朝阳县| 渭源县| 宿迁市| 富民县| 奈曼旗| 洱源县| 鄂伦春自治旗| 达拉特旗| 榆林市| 富阳市| 香格里拉县| 成安县| 尤溪县| 拉孜县| 沙雅县| 和龙市|