Question

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

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

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

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

Answer 1

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

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

<html></html>

Answer 2

您只能使用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

JQuery将textarea的内容加载到IFrame中

2 个答案: