<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    DANCE WITH JAVA

    開發出高質量的系統

    常用鏈接

    統計

    積分與排名

    好友之家

    最新評論

    javascript 動態添加刪除控件

    <!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;     //行號與列號
    var oNewRow  ;    //定義插入行對象
    var oNewCell1,oNewCell2;     //定義插入列對象

    //添加條件行
    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='刪除當前行'"+"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">
    動態添加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 閱讀(6474) 評論(1)  編輯  收藏 所屬分類: 片段腳本語言javascript

    評論

    # re: javascript 動態添加刪除控件 2008-06-02 09:37 `

    `  回復  更多評論   

    主站蜘蛛池模板: 亚洲制服丝袜第一页| 亚洲国产成人综合| 免费大片av手机看片| 色吊丝最新永久免费观看网站 | 青青免费在线视频| 四虎永久成人免费影院域名| 亚洲欧洲日韩极速播放| 成人免费视频小说| 国产AV无码专区亚洲AV麻豆丫| 日韩免费在线观看| 香蕉视频免费在线播放| 国产成人精品亚洲精品| 在线观看免费无码专区| 亚洲色大成网站www永久| 亚洲免费在线视频观看| 伊人久久免费视频| 久久夜色精品国产噜噜噜亚洲AV| 免费A级毛片无码视频| 亚洲特级aaaaaa毛片| 成年性生交大片免费看| 狠狠入ady亚洲精品| 亚洲国产另类久久久精品黑人| 久久久久成人片免费观看蜜芽| 亚洲人成电影青青在线播放| 在线免费不卡视频| 一级a性色生活片久久无少妇一级婬片免费放| 日韩精品亚洲专区在线观看| 免费播放在线日本感人片| 亚洲国产美女精品久久久久| 在线日韩av永久免费观看| jizz日本免费| 亚洲精品国产成人| 国产午夜免费秋霞影院| 十八禁在线观看视频播放免费| 亚洲成人黄色网址| 亚洲?v女人的天堂在线观看| 日韩视频在线观看免费| 亚洲狠狠色丁香婷婷综合| 亚洲国产另类久久久精品| 天天干在线免费视频| 99久久99这里只有免费的精品|