<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 閱讀(6457) 評論(1)  編輯  收藏 所屬分類: 片段 、腳本語言javascript

    評論

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

    `  回復  更多評論   

    主站蜘蛛池模板: 一本天堂ⅴ无码亚洲道久久| 亚洲国产精品va在线播放| 亚洲卡一卡二卡乱码新区| 在线a免费观看最新网站| 亚洲综合亚洲国产尤物| 中国xxxxx高清免费看视频| 亚洲精品人成在线观看| 色欲A∨无码蜜臀AV免费播| 老司机亚洲精品影院无码| 久久精品人成免费| 亚洲国产成人手机在线电影bd | 国产精品亚洲精品日韩已方| 成人嫩草影院免费观看| 久久久久久A亚洲欧洲AV冫| 中文字字幕在线高清免费电影| 国产亚洲色婷婷久久99精品| 免费无码VA一区二区三区| 亚洲国产av一区二区三区丶| 日韩精品视频免费观看| 免费又黄又爽又猛大片午夜 | 无码日韩人妻AV一区免费l | 久久99国产亚洲精品观看| 3d成人免费动漫在线观看| 亚洲精品无码久久| 亚洲国产精品狼友中文久久久| 一个人免费视频观看在线www| 中文字幕亚洲综合久久| 全免费一级午夜毛片| 一个人免费观看日本www视频| 亚洲国产精品线在线观看| 日本在线高清免费爱做网站| 大桥未久亚洲无av码在线| 亚洲中文字幕在线第六区| 最近2019免费中文字幕视频三| 亚洲色成人四虎在线观看| 国外亚洲成AV人片在线观看| **一级毛片免费完整视| 黄色网址免费在线| 亚洲最新永久在线观看| 国产三级电影免费观看| 久久精品一区二区免费看|