例子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. IIS上不能播放mp4

    iis不支持mp4格式,需要手动添加. 进入iis服务管理器,打开你的网站,然后点击MIME类型---添加(扩展名:mp4   MIME类型:application/octet-stream) 如此即 ...

  2. Linux系统环境变量的四个配置文件的关系

    Linux系统环境变量配置有四个文件分别是: /etc/environment,/etc/profile,/etc/bash.bashrc,~/.bashrc 各配置文件意义 /etc/environ ...

  3. C# WinForm判断Win7下是否是管理员身份运行

    原文:C# WinForm判断Win7下是否是管理员身份运行 如果程序不是以管理员身份运行,操作本地文件会提示:System.UnauthorizedAccessException异常 Vista 和 ...

  4. JAVA FILE or I/O学习 - 补充CopyFiles功能

    public class CopyFiles { public static void main(String[] args) { CopyFiles copyFiles = new CopyFile ...

  5. GitHub Linux下使用方法

    1. 在网站注册帐号,创建工程 test 进入工程,右下角会有一个项目仓库的地址.https://github.com/braverior/test.git 2.Linux下 安装github sud ...

  6. javascript的this指向

    JavaScript 是一种脚本语言,支持函数式编程.闭包.基于原型的继承等高级功能.JavaScript一开始看起来感觉会很容易入门,但是随着使用的深入,你会发现JavaScript其实很难掌握,有 ...

  7. php入门微理解

    1.php是什么?(来自百度百科) php:Hypertext preprocessor(超文本预处理器).一种开源脚本语言.主要用于web开发. 2.与其它语言的关系 介于HTML和C/C++,Ja ...

  8. if...else if...else

    using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace prog ...

  9. objective-C学习笔记（十一）类别和扩展

    类别 类别是对外的,外部都可以访问 类别是在没有源代码或者基于某些特定场合的情况下,为一个类增加功能(方法).或者用于给一个特别大的类进行分割. 命名规则:类名+扩展方法,如NSString 可以添加 ...

  10. 【转】CoreData以及MagicalRecord （二）

    3. 运行时类与对象 NSManagedObject Managed Object 表示数据文件中的一条记录,每一个Managed Object在内存中对应的实体(Entity)的一个数据表示.Man ...