例子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. .Net平台-MVP模式再探(二)

    PS:     本文与  上一遍文章  没有什么必然的联系,可以说是对于MVP的一定的加深,或许在理解上比上一篇多有点难度. 正文   一.简单讲讲MVP是什么玩意儿 如果从层次关系来讲,MVP属于P ...

  2. 浅谈Spring(三)

    一.基础Spring的标准测试 1.导入spring与junit继承的jar 2.引入注解 @RunWith(SpringJUnit4ClassRunner.class) @ContextConfig ...

  3. Convert Sorted List to Balanced Binary Search Tree (BST)

    (http://leetcode.com/2010/11/convert-sorted-list-to-balanced-binary.html) Given a singly linked list ...

  4. leetcode Roman to Integer python

    class Solution(object): def romanToInt(self, s): """ :type s: str :rtype: int "& ...

  5. hadoop hdfs 一些命令记录

    1.列出目录下的对象:hadoop fs -ls /lib 2.统计文件行数:hadoop fs -cat  /文件* | wc -l 3.统计文件或者目录大小:hadoop fs -count /l ...

  6. Angular ng-repeat 对象和数组遍历

    直接上代码 <!DOCTYPE html> <html> <head> <meta name="description" content= ...

  7. linux内核升级图文攻略

    Linux内核概览 Linux是一个一体化内核(monolithic kernel)系统. 设备驱动程序可以完全访问硬件. Linux内的设备驱动程序可以方便地以模块化(modularize)的形式设 ...

  8. 《Orange'S:一个操作系统的实现》笔记（一）

    感觉自己对于操作系统始终没有一个清楚的概念,尤其最近困扰于实模式.保护模式以及寻址方式等一些概念.转而一想,所有的程序,最终都是操作的计算机资源,需要和操作系统打交道,所以操作系统有必要深入了解一下. ...

  9. sqlite 查询数据 不用回调

    int main( void ){    sqlite3 *db=NULL;    char *zErrMsg = 0;    int rc;    //打开数据库连接    rc = sqlite3 ...

  10. Android Activity和Fragment传递数据

    1.Activity与Activity传递数据 UserLoginActivity.java: Intent welcomePage = new Intent(); Bundle dataBundle ...