码迷,mamicode.com
首页 > 其他好文 > 详细

Iframe------父子页面传值

时间:2019-10-27 01:20:06      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:nts   UNC   post   src   eid   turn   文本框赋值   var   context   

父页面给子页面传值

    father.jsp  父页面

      <body>

        <iframe src="你的子页面的jsp"                  
      width="500px" height="500px" name="iframeId"
      visibility="hidden" id="iframeId">
        </iframe>

        <form method="post" action="${pageContext.request.contextPath}/login" onsubmit="return login(this)" >
        输入用户名:<input type="text" name="userName" value="" id="name"/><br>
        密码:<input type="password" name="passWord" value="" id="password"><br>
      <input type="submit" value="提交" name="submit" >
        </form>
      </body>
      
      <script type="text/javascript">
       function login(form) {
     //获取本页面文本框的值
       var loginName=$("#name").val();
        var password=$("#password").val();
      //修改子页面中文本框的值
        $(‘#iframeId‘).contents().find("#loginName").val(loginName); //获取当前页面中id为iframeid的iframe,给子页面中id为loginName的文本框赋值
       $(‘#iframeId‘).contents().find("#password").val(password);
        $("#iframeId")[0].contentWindow.子页面函数的名字();
      }
      </script>


  zi.jsp 子页面
    
  <script type="text/javascript" src="js/jquery.min.js" ></script>
  <script type="text/javascript">
   function zi() {

   return true;
   }
  </script>
  <body>
   
    <form method="post" action="#" onsubmit="return zi()" >
     输入用户名:<input type="text" name="userName" value="" id="name"/><br>
     密码:<input type="password" name="passWord" value="" id="pass"><br>
     <input type="submit" value="提交" name="submit" >
    </form>

  </body>

Iframe------父子页面传值

标签:nts   UNC   post   src   eid   turn   文本框赋值   var   context   

原文地址:https://www.cnblogs.com/xp0813/p/11746146.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!