0

我有一个 HTML 文本区域和一个 IFrame。单击按钮时，我希望能够将 textarea 的内容加载到 IFrame 中。

例如，当用户在Hello Worldtextarea 中输入内容并按下提交按钮时，文本Hello World将显示在 IFrame 中。

关于如何做到这一点的任何想法？提前致谢。

注意：我想使用 JQuery，但我认为我必须为此使用 PHP。听起来更像是服务器端。

4

2 回答 2

0 
var content = $("#myTextarea").val();
$('#myIframe').contents().find('html').html(content);

（编辑）...和 ​​#myIframe 最初应该是：

<html></html>
于 2013-04-30T04:51:45.520 回答
0

您只能使用 jquery 定位 iframe：

<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>

您的 iframe 内容页面，在本例中为“test2.html”，将具有以下内容：

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

这是之前有类似问题的 S/O 帖子：Selecting an element in iFrame jQuery

于 2013-04-30T05:01:03.880 回答