zoukankan      html  css  js  c++  java
  • 解决form嵌套

    自己的尝试功能实现了 但是项目中没有使用:

    思路利用ajax:第一个form提交的时候触发第二个需要提交数据的ajax的请求url

     1 function checkform(type){
     2         var issubmit=true;
     3         var projectId="";
     4         var photos="";
     5         if(type==2){
     6             $('#redirect').val('list');
     7         }
     8        if(issubmit){
     9         $("#validForm").submit();
    10       }
    11        submitPhoto(projectId,photos);
    12 }
    13 //提交form表单时候 提交图册
    14 function submitPhoto(projectId,photos){
    15     alert(1);
    16      $.ajax({
    17             type: "POST",
    18              url: "/userCenter/userCenterProjectPhotoEdit.jspx",
    19              data: {projectId:projectId,photos:photos},
    20              dataType: "json",
    21              success: function(data){
    22                  $('#'+id).remove();
    23                  // $(".imageTipss").append("<img height="100" width="100" src=""+fileUrl+""></img><a onclick=delphoto("+data+")>删除</a> ");
    24              }
    25         });
    26 }

    参考1  未验证

    我现在要解决的问题,跟你的很相像啊!我考虑的是用Iframe
    <form id="frm" name="frm" method="post" action="d.jsp">
      <iframe id="ifrm0"  width=600 height="94" MARGINHEIGHT="0" MARGINWIDTH="0" frameborder=0 border=0  src="/c.jsp?id=0" scrolling=no></iframe>
    <iframe id="ifrm1"  width=600 height="94" MARGINHEIGHT="0" MARGINWIDTH="0" frameborder=0 border=0  src="/c.jsp?id=1" scrolling=no></iframe>
    <input type="submit" name="btn1" value="提交" onclick="a()">
    </form>
    <script >
    function a (){
    //var iframe= document.getElementById("ifrm");
    //alert(iframe.length);
    //for()
    document.frames["ifrm0"].document.forms["frm1"].submit();
    document.frames["ifrm1"].document.forms["frm1"].submit();
    //document.frm.action="d.jsp";
    document.frm.submit();
    }
    </script>

    参考2

    form哪可以嵌套呀
    用一个form就行呀
    <script language="JavaScript">
       function gogogo(){
          document.updateForm.action = selectAction.do;
          document.updateForm.submit();
       }
    </script>

    <form name="updateForm" action="updateAction.do" method="post">  
      (有需要修改的字段)
        <input type="text" name="wid"><input type="button" onclice="gogogo()" value="查询">
      (有需要修改的字段)
      <input type="submit" value="修改">
    </form>

    参考3:

    我用JAVASCRIPT,在FORM里面字段都一样,但是要提交给不同的action的时候,

    //得到你的from
    var form = document.forms['yourForm'];
    //在这里手工指定提交给哪个ACTION
    form.action = 'updateAction.do';
    //执行SUBMIT
    form.submit();

    你可以把这些代码封装为一个JS方法,在HTML中,用onclick事件触发就OK了

  • 相关阅读:
    Git使用感悟
    Just open sourced the JavaScript Inlay Hints Provider function in IDEA plugin React Native Console commercial version
    Flutter和React Native组件层级对比
    React Native 迁移到 Flutter 心得体会[持续更新中]
    IntelliJ IDEA 2020.3 EAP 新特性: 拖动分割编辑器,新欢迎窗口等
    Universal Abstract Syntax Tree (UAST)
    Creating your first Flutter project using WebStorm 2020
    WIN10系统跑流量,彻底杜绝win10更新程序后台下载
    linux centos7安装mysql5.7(安装版)教程
    VMware启动虚拟机一直处于黑屏且无反应
  • 原文地址:https://www.cnblogs.com/dixinyunpan/p/5981176.html
Copyright © 2011-2022 走看看