例子1：(具体参照drp中的flow_card_add.jsp)
<script>
    var rowIndex = 0; 
    function addOneLineOnClick() {
        var row=tblFlowCardDetail.insertRow(tblFlowCardDetail.rows.length);
        var col = row.insertCell(0);
        col.innerHTML = "<input type=\"hidden\" name=\"aimInnerId\" id=\"aimInnerId\"><input type=button  value =...   name=btnSelectAimClient index=\""+ rowIndex +"\" >";
        col = row.insertCell(1);
        col.innerHTML = "<input id=aimName name=aimName size=25 maxlength=25 readonly=\"true\">";
        col = row.insertCell(2);
        col.innerHTML = "<input type='button' value='删除' id=btnDeleteLine name=btnDeleteLine onclick=\"return DeleteRow('row" + rowIndex + "')\">";
        row.setAttribute("id", "row" + rowIndex);
        rowIndex++;
    }    
    function DeleteRow(rowTag){
      var i = tblFlowCardDetail.rows(rowTag).rowIndex;
        var j;
        for(j=i;j<=rowIndex;j++) {    
            tblFlowCardDetail.rows(j).cells(0).all("btnSelectAimClient").index--;
            tblFlowCardDetail.rows(j).cells(2).all("btnSelectItem").index--;    
        }
      tblFlowCardDetail.deleteRow(i);
        rowIndex--;
    }
</script>

<body>
    <table>
        <tr>
            <td>cell0</td>
            <td>cell1</td>
            <td>cell2</td>
        </tr>
    </table>
    <input name="btnAddLine" type="button" id="btnAddLine"  onClick="return addOneLineOnClick()" value="加入一行">
</body>

例子2：
<body>
    <form action="<%=path %>/news.do?method=add" method="post" enctype="multipart/form-data">
    <input type="hidden" name="id" value="${news.id }">
        <table width="90%" border="0" align="left" cellpadding="0" cellspacing="1" class="newTable">
            <tr>
                <td class="newTd">新闻标题</td>
                <td class="newTd"><input type="text" name="title" size="30"></td>
            </tr>
            <tr>
                <td class="newTd">新闻副标题</td>
                <td class="newTd"><input type="text" name="subTitle" size="30"></td>
            </tr>
            <tr>
                <td class="newTd">新闻内容</td>
                <td class="newTd"><textarea class="ckeditor" name="content"></textarea></td>
            </tr>
             <tr>
                <td class="newTd">新闻图片</td>
                <td class="newTd" id="more"><input type="file" name="uploadFile[0].file" size="30"><input type="button" onclick="addFile();" value="增加"></td>
            </tr>
            <tr>
            <td class="newTd">新闻所属板块</td>
            <td class="newTd">
               <select id="modelSelect" name="modelId">
               </select>
            </td>
            </tr>
            <tr>
            <td align="center" colspan="2">
               <input type="submit" value="保存">&nbsp;&nbsp;&nbsp;&nbsp;
               <input type="reset" value="重置">
            </td>
            </tr>
        </table>
    </form>

<script type="text/javascript">
        var t = 1;
        function addFile()
        {
            var parent = document.getElementById("more");
            var br = document.createElement("br");
            var input = document.createElement("input");
            var button = document.createElement("input");
            input.type = "file";
            input.name = "uploadFile[" + (t++) + "].file";
            input.size = "30";
            button.type = "button";
            button.value = "删除";    
            button.onclick = function()
            {
              parent.removeChild(br);
              parent.removeChild(input);
              parent.removeChild(button);
            
            };    
            parent.appendChild(br);
            parent.appendChild(input);
            parent.appendChild(button);
        }
    </script>
</body>

转载：http://blog.csdn.net/sprita1/article/details/7536023

js动态加载控件jsp页面的更多相关文章

  1. 解决tableView中cell动态加载控件的重用问题

    解决tableView中cell动态加载控件的重用问题 tableView的cell,有时候需要在运行时取得对应的数据后才能够动态的创建该cell中的控件并加载到该cell中,此时,你一定会遇到重用问 ...

  2. uGUI动态加载控件位置错误

    最近在使用uGUI时遇到了一个问题,在此记录一下.在Canvas的Render Mode设置为Screen Space-Overlay模式时,动态加载控件是不会发生问题的.但是在Screen Spac ...

  3. uGUI动态加载控件位置错误（转自：https://www.cnblogs.com/mezero/p/4542939.html）

    最近在使用uGUI时遇到了一个问题,在此记录一下.在Canvas的Render Mode设置为Screen Space-Overlay模式时,动态加载控件是不会发生问题的.但是在Screen Spac ...

  4. Silverlight日记：动态生成DataGrid、行列装换、动态加载控件

    本文主要针对使用DataGrid动态绑定数据对象,并实现行列转换效果. 一,前台绑定 <sdk:DataGrid x:Name="dataGrid2" Style=" ...

  5. 页面加载异常 清除浏览器静态文件 js css 缓存 js动态加载js css文件,可以配置文件后辍，防止浏览器缓存

    js清除浏览器缓存的几种方法 - 兔老霸夏 - 博客园 https://www.cnblogs.com/Mr-Rocker/p/6031096.html js清除浏览器缓存的几种方法   一.CSS和 ...

  6. 记录Js动态加载页面.append、html、appendChild、repend添加元素节点不生效以及解决办法

    今天再优化blog页面的时候添加了个关注按钮和图片,但是页面上这个按钮和图片时有时无,本来是搞后端的,被这个前端的小问题搞得抓耳挠腮的! 网上各种查询解决方案,把我解决问题的艰辛历程分享出来,希望大家 ...

  7. js动态加载以及确定加载完成的代码

    利用原生js动态加载js文件到页面,并在确定加载完成后调用相关function var otherJScipt = document.createElement("script") ...

  8. Javascript动态加载Html元素到页面Dom文档结构时执行顺序的不同

    我们有时会通过ajax动态获取一段Html代码,并且将这段代码通过javascript放到页面的Dom结构中去. 而很多时候通过ajax动态获取的Html代码中也包含javascript代码,有一点需 ...

  9. ie6,7下js动态加载图片不显示错误

    ie6,7下js动态加载图片不显示错误 先描述一下出现这种匪夷所思bug的背景: 我在页面加载的时候加载一堆小缩略图,<a href="javascript:void(0);" ...

随机推荐

  1. Javascript获取浏览器版本

    前两天有朋友请教我这个问题,说现在网上的资料太过于混乱不完整,我这里先简单整理一部分. 0 (function(){ 1   2 var ver = window.navigator.userAgen ...

  2. P - Shopaholic

    P - Shopaholic Time Limit:2000MS     Memory Limit:65536KB     64bit IO Format:%lld & %llu Submit ...

  3. USACO Section 3.3 Camlot（BFS)

    BFS.先算出棋盘上每个点到各个点knight需要的步数:然后枚举所有点,其中再枚举king是自己到的还是knight带它去的(假如是knight带它的,枚举king周围的2格(网上都这么说,似乎是个 ...

  4. Hibernate学习之常用方法比较

    一.save()和persist()方法 使用 save() 方法保存持久化对象时,该方法返回该持久化对象的标识属性值(即对应记录的主键值):但使用 persist() 方法来保存持久化对象时,该方法 ...

  5. Hive学习之更改表的属性

    1.修改表名    alter table table_name rename to new_table_name;2.修改列名    alter table tablename change col ...

  6. Sunny谈软件架构

    软件架构是软件工程一个很重要的分支,随着软件规模的扩大和软件寿命的延长,软件架构也越发重要.就像建筑领域,盖一个狗窝不需要进行分析与设计,但是如果是要盖一座万人体育场或者摩天大楼,那一定会离不开设计师 ...

  7. linux杂记（六）档案权限

    [KANO@kelvin ~]$ ls -al 总用量 drwx------. KANO KANO 10月 : . drwxr-xr-x. root root 9月 : .. drwxrwxr-x. ...

  8. poj 3740 Easy Finding 精确匹配

    题目链接 dlx的第一题, 真是坎坷..... #include <iostream> #include <vector> #include <cstdio> #i ...

  9. css的repaint和reflow

    css的repaint和reflow 浏览器为了重新渲染部分或整个页面,重新计算页面元素位置和几何结构(geometries)的进程叫做 reflow. 由于 reflow 是一种浏览器中的用户拦截( ...

  10. qt5集成libcurl实现tftp和ftp的方法一：搭建环境（五篇文章）

    最近使用QT5做一个软件,要求实现tftp和ftp文件传输,使用QT5开发好UI界面等功能,突然发现QT5不直接提供tftp和ftp支持,无奈之下只好找第三方库来间接实现,根据网友的介绍,libcur ...