dqsxsmi3704
2013-04-30 04:38
浏览 142

JQuery将textarea的内容加载到IFrame中

I have an HTML textarea, and an IFrame. On a button click, I would like to be able to load the content of the textarea into the IFrame.

For example, when the user types in Hello World into the textarea, and presses the submit button, the text Hello World would show up in the IFrame.

Any ideas on how this could be done? Thanks in advance.

NOTE: I would like to use JQuery, but I think I'll have to use PHP for this. It sounds more server side.

图片转代码服务由CSDN问答提供 功能建议

我有一个HTML textarea和一个IFrame。 点击按钮,我希望能够将textarea的内容加载到IFrame中。

例如,当用户在textarea中键入 Hello World 并按下提交按钮时,文本 Hello World 将 出现在IFrame中。

关于如何做到这一点的任何想法? 在此先感谢。

注意:我想使用JQuery,但我想我必须使用PHP。 这听起来更像服务器端。

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • dragon8002 2013-04-30 05:01
    已采纳

    You can target the iframe with jquery only:

    <html>
    <head>
       <script type="text/javascript">
       jQuery(document).ready(function() {
          jQuery('#btnSubmit').click(function () {
             var content = $("#test").val();
             $('#iframe1').contents().find('p').html(content);
          });
       });
       </script>
    </head>
    <body>
       <textarea name="test" id="test" rows="5" cols="40"></textarea>
       <button id="btnSubmit">Post to iFrame</button>
       <iframe name="iframe1" id="iframe1" src="test2.html"></iframe>
    </body>
    </html>
    

    Your iframe content page, in this case "test2.html" would have something like this:

    <html>
    <body>
      <p>[intro text or whatever]</p>
    </body>
    </html>
    

    Here is a previous S/O post with a similar issue: Selecting an element in iFrame jQuery

    打赏 评论
  • duanchigeng4313 2013-04-30 04:51
    var content = $("#myTextarea").val();
    $('#myIframe').contents().find('html').html(content); 
    

    (edit) ...and #myIframe should initially be:

    <html></html>
    
    打赏 评论

相关推荐 更多相似问题