0

HTML テキストエリアと IFrame があります。ボタンをクリックすると、テキストエリアのコンテンツを IFrame にロードできるようにしたいと考えています。

たとえば、ユーザーHello Worldがテキストエリアに入力して送信ボタンを押すと、テキストHello Worldが IFrame に表示されます。

これをどのように行うことができるかについてのアイデアはありますか? 前もって感謝します。

注: JQuery を使用したいのですが、これには PHP を使用する必要があると思います。それはよりサーバー側に聞こえます。

4

2 に答える 2

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 に答える