例子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. hosts文件简析

    什么是hosts文件 hosts文件是个什么文件呢?Hosts虽然没有后缀名,其实是个纯文本文件,可以用记事本等文本编辑软件打开.Hosts文件主要用于在本地电脑强制解析域名,Hosts文件里包含映射 ...

  2. UITextField键盘类型

    UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)];  //初始化textfield并 ...

  3. HDU-Billboard-2795（线段树）

    hdu2795 Billboard Time Limit: 20000/8000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Other ...

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

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

  5. 一个原生js写的加减乘除运算

    根据我的经验我说的再多也没人看,不过还是简单介绍下效果吧,可以选择+,-,*,/,去计算数据,喜欢的话就粘贴复制自己看去吧! <!DOCTYPE html PUBLIC "-//W3C ...

  6. ADODB 数据库Access连接

    <?php $filepath=__FILE__;//echo __FILE__;$newarray=explode("\\",$filepath);$num=count($ ...

  7. 苹果iPhone不能判断红外发射管的好坏

    用手机来检测红外发射管好坏是目前比较常用的方法.实际操作比较简单,就是按照红外发射管的工作电压给发射管接上电源后,把手机的摄像头对着红外发射管就能看出好坏了.由于红外线是肉眼看不见的,如果不通过手机摄 ...

  8. Consuming Hidden WCF RIA Services

    原文 http://codeseekah.com/2013/07/05/consuming-hidden-wcf-ria-services/ A Silverlight application mad ...

  9. 开源项目之Android Afinal框架

    项目如图: 本文参考网络! Afinal是一个开源的android的orm和ioc应用开发框架,其特点是小巧灵活,代码入侵量少.在android应用开发中,通过Afinal的ioc框架,诸如ui绑定, ...

  10. hdu 5461 Largest Point

    Thinking about it: 对于式子 a * ti * ti + b * tj,可以看作时有两部分构成 a * ti * ti 和 b * tj,如果整个式子要最大,则要求这两部分都要尽量大 ...