<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 `

    `  回復  更多評論   

    主站蜘蛛池模板: 亚洲av永久无码一区二区三区| 亚洲成AV人片在线观看WWW| 亚洲大香伊人蕉在人依线| 无码国产精品一区二区免费16| 亚洲精品乱码久久久久66| 久久久久免费视频| 亚洲伦乱亚洲h视频| 成人a毛片免费视频观看| 亚洲精华液一二三产区| 免费黄网在线观看| 亚洲AV无码之国产精品| 国产人成免费视频| 又黄又大的激情视频在线观看免费视频社区在线 | 国产又长又粗又爽免费视频| 色窝窝亚洲av网| 亚洲高清无码在线观看| 国产日韩精品无码区免费专区国产 | 国内精品免费久久影院| 亚洲人色婷婷成人网站在线观看 | 啦啦啦中文在线观看电视剧免费版 | 色婷婷六月亚洲综合香蕉| 国产免费观看a大片的网站| 牛牛在线精品观看免费正| 亚洲天堂在线视频| 日本免费人成网ww555在线| 亚洲国产成人爱av在线播放| 国产免费播放一区二区| 亚洲制服中文字幕第一区| 人禽杂交18禁网站免费| 人人爽人人爽人人片A免费| 夜夜春亚洲嫩草影院| 久久午夜伦鲁片免费无码| 国产成人亚洲综合网站不卡| 亚洲&#228;v永久无码精品天堂久久| 国产黄色片免费看| 99久久亚洲精品无码毛片| 无码高潮少妇毛多水多水免费| 暖暖免费中文在线日本| 亚洲神级电影国语版| 免费a级毛片18以上观看精品| 国产精品免费无遮挡无码永久视频|