<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久久久噜噜噜久久男同| 国产一卡2卡3卡4卡无卡免费视频| 亚洲av成本人无码网站| 亚洲色成人网站WWW永久| 99久久免费国产香蕉麻豆| 一级毛片大全免费播放| 亚洲精品国产第1页| 亚洲一区二区视频在线观看| 免费黄色网址网站| rh男男车车的车车免费网站| 亚洲一区二区三区夜色| 亚洲成A人片在线观看无码3D| AV无码免费永久在线观看| 国产黄在线观看免费观看不卡| 亚洲一级片在线播放| 亚洲精品美女久久777777| 色吊丝永久在线观看最新免费| 一区二区三区在线免费看| 免费一级做a爰片久久毛片潮| 亚洲成a人不卡在线观看| 亚洲成a人片77777kkkk| 国产成人免费高清在线观看| 亚洲一区二区三区免费视频| ww在线观视频免费观看w| 亚洲AV综合色区无码一二三区| 久久久久久亚洲AV无码专区| 久久精品国产亚洲一区二区三区| 毛片免费视频在线观看| 国产免费无码一区二区| 亚洲欧美在线x视频| 亚洲不卡中文字幕| 亚洲精品自产拍在线观看动漫| 亚洲精品国产V片在线观看 | 免费看成人AA片无码视频羞羞网| 九九九精品视频免费| 亚洲欧洲AV无码专区| 亚洲精品**中文毛片|