`
it577net
  • 浏览: 24351 次
  • 性别: Icon_minigender_1
  • 来自: 温州
社区版块
存档分类
最新评论

js添加与删除表单元素,在ie下正常,chromium不正常

阅读更多

                            <script language="javascript" type="text/javascript">
                                function add() {
                                    var file=document.createElement("<input type='file' name='detailpic[]' />");
                                    var btn=document.createElement("<input type='button' value='删除' onclick='this.parentNode.parentNode.remove(currentTarget)' />");
                                    var newtd=document.createElement("td");
                                    var newtr=document.createElement("<tr></tr>");
                                   newtd.appendChild(file);
                                    newtd.appendChild(btn);
                                    newtr.appendChild(newtd);
                                    var filearea=document.getElementById("filearea");
                                    filearea.appendChild(newtr);
                                }
                                function clear() {
                                    removeChild(currentTarget);
                                }
                            </script>
                            <table border="0" width="100%">
                                <tbody id="filearea">
                                    <tr>
                                        <td><input type="file" name="detailpic[]" /> <input type="button" onclick="add();" value="添加" /></td>
                                    </tr>
                                </tbody>
如果不用createElement的方式,而换成innerHtml迭加的方式,正常,但是添加file时,原来的file的路径值就消失了。
        <script language="javascript" type="text/javascript">
            var i=1;
            function append() {
                i++;
                var picarea=document.getElementById("detailPicArea");
                picarea.innerHTML+="<div id=detailpicnew"+i+"><input type='file' name='detailpic[]' /> <input type='button' onclick='del("+i+");' value='删除' /></div>";
            }
            function del(i) {
                var parent=document.getElementById("detailPicArea");
                var detailpicnew=document.getElementById("detailpicnew"+i);
                parent.removeChild(detailpicnew);
            }
        </script>
                        <td id="detailPicArea">
                            
                            <div><input type="file" name="detailpic[]" /> <input type="button" onclick="append();" name="btnfileadd" value="添加" /></div>
                         </td>
 
终级解决方案是用ajax上传,这样编辑修改记录时思路也更加清晰。
 
分享到:
评论

相关推荐

    c# 和IE交互

    在现代浏览器竞争激烈的环境下,对于不支持的新特性和安全性问题,可能需要寻找其他解决方案,如使用Chromium Embedded Framework(CEF)。 8. **进程通信**:在某些复杂场景下,可能需要与独立的IE进程进行交互,...

    让IE支持HTML5

    开发时考虑渐进增强**:设计和开发时,先确保基本功能在所有浏览器中都能正常工作,然后逐步添加高级特性,这样即使在旧版IE中也能有可用的体验。 总之,虽然使IE支持HTML5可能需要一些额外的工作,但通过以上方法...

    c#IE浏览器

    在本文中,我们将深入探讨如何使用C#进行WinForm高级编程,特别是与集成IE浏览器相关的技术。集成IE浏览器到WinForm应用中可以提供一个桌面应用内的网页浏览功能,这对于需要展示网页内容或与Web服务交互的桌面应用...

    WinForm中制作一个IE浏览器

    通过在WinForm设计界面中添加WebBrowser控件,或者在代码中实例化并添加到表单上,我们可以开始构建自己的“IE浏览器”。 以下是一些关键步骤和知识点: 1. **创建新项目**:打开Visual Studio,创建一个新的...

    vfp WebBrowser(支持内核是ie 和 edge)

    在VFP中添加WebBrowser控件非常简单,只需在表单设计模式下从工具箱拖拽WebBrowser控件到表单上即可。设置控件的属性,如`Visible`来决定是否显示,`Url`来指定要加载的网页地址。 2. **响应网页按钮点击** 要...

    C#WINDOWS运用程序IE浏览器

    WebBrowser控件是.NET Framework的一部分,它允许开发者在应用程序中嵌入一个浏览器,用户可以浏览网页、执行JavaScript、填写表单等。通过设置WebBrowser控件的Url属性,我们可以指定要加载的网页地址。 2. **事件...

    asp 上传图片预览 ie7-11 火狐 谷歌 qq 360

    360浏览器有极速模式(基于Chromium)和兼容模式(基于IE内核),需要确保在两种模式下都能正常工作。对于极速模式,按照现代浏览器的处理方式;对于兼容模式,参照IE7-10的解决方案。 综上所述,实现ASP图片上传...

    IE 浏览器 Internet Explorer

    同时,IE还提供了隐私模式(InPrivate浏览),在这种模式下,浏览器不会保存用户的浏览历史、临时互联网文件、表单数据等,以保护用户隐私。 **3. 插件与扩展** 尽管IE浏览器不如现代浏览器如Chrome或Firefox那样...

    漂亮的java嵌套浏览器IE,chrome

    Java内嵌浏览器是一种在Java应用程序中集成Web浏览功能的技术,使得用户可以在不离开主应用界面的情况下访问和交互网页。在给定的标题“漂亮的java嵌套浏览器IE,chrome”中,我们可以看出这是关于一个Java库,它...

    delphi 浏览器使用实例

    通过在Delphi的Form设计器中添加TWebBrowser组件,我们可以轻松地在应用程序中集成浏览器功能。只需将组件拖放到表单上,然后设置其属性和事件,即可开始使用。 接下来,让我们深入探讨一些关键知识点: 1. **初始...

    尚硅谷_前端_面试题

    - 设置元素浮动后,其`display`值仍然是`block`或`inline-block`,浮动只是改变了元素在文档流中的位置。 34. **怎么让Chrome支持小于12px的文字?** - Chrome默认不支持小于12px的文字,可以通过以下CSS代码强制...

    WebBrowser (1).rar

    在开发过程中,程序员可以利用WebBrowser控件来实现应用程序与网页内容的交互,使得用户可以在不离开主程序的情况下浏览网页、填写表单或者执行JavaScript等。 1. **WebBrowser控件介绍** WebBrowser控件是.NET ...

    vfphtml_vfpwebbrowser_

    综上所述,VFPHTML_vfpwebbrowser组件为VFP开发者提供了一种强大且灵活的方式来集成网页浏览和交互功能,无论是在传统的IE环境下还是在现代的Edge(Chromium)环境中,都能实现高效的应用程序开发。通过熟练掌握这一...

    C#编写的Web浏览器

    尽管现代浏览器大多转向了更现代的内核如Chromium(用于Google Chrome)或Gecko(用于Firefox),但Trident在某些场景下仍有其优势,尤其是在兼容旧版Web应用程序或特定企业环境。 创建C# Web浏览器的第一步通常是...

    Powerbuilder的浏览器控件 web browse

    Web Browse控件主要基于Internet Explorer(IE)的内核,这意味着它能够支持大部分IE浏览器的功能,如浏览网页、表单填写、JavaScript执行等。通过这个控件,开发者可以轻松地将Web应用的体验融入到桌面应用程序中,...

    多页面浏览器填表专题

    2. **浏览器控件集成**:在易语言中,开发者需要集成一个浏览器控件,如IE浏览器控件(WebBrowser Control)或者第三方控件,如CEF(Chromium Embedded Framework),以在应用程序内部嵌入浏览器功能。 3. **表单...

    浏览器编程示例

    在IT行业中,浏览器编程是一种常见的技术,特别是在软件开发和网页应用中。本示例主要关注的是使用C++ Builder来操作和定制基于IE内核的浏览器控件。C++ Builder是Borland公司(现Embarcadero Technologies)推出的...

    winform 使用html做界面

    3. **JavaScript交互**:通过JavaScript,你可以实现用户交互功能,如按钮点击事件、表单验证、动态更新内容等。JavaScript代码可以直接写在HTML文件中,也可以引用外部JS文件。 **集成到WinForm应用** 1. **添加...

    WebBrowser:基于IE内核WebBrowser控件开发

    - 结合JavaScript,可以实现丰富的用户界面和交互效果,例如动态更新数据显示、表单验证、自定义UI元素等。 综上所述,WebBrowser控件为Windows应用程序提供了强大的网页展示和交互能力,通过JavaScript的桥梁,...

    网页模拟点击

    与Selenium相比,Puppeteer与Chrome内核更加紧密集成,因此在某些情况下可能更高效。 四、PyQuery PyQuery是Python中的一个库,模仿了jQuery的API,使得在Python中处理HTML和XML文档变得简单。虽然PyQuery本身不...

Global site tag (gtag.js) - Google Analytics