Как мне динамически обновить iframe, используя Javascript или jQuery

Question

Я разрабатываю страницу с текстовым полем, кнопкой отправки и фреймом.

URL должен быть помещен в текстовое поле. После нажатия кнопки результат должен появиться в iframe.

Как мне это сделать?

Answer 1

На данный момент это быстрое решение с использованием js

 <form target="#" name="iframeform" action="post">

     <input type="text" value="http://" name="framefood" id="framefood" /><br />
     <button id="feedframe" onclick="completeFrame(); return false;">Send</button><br /><br />
     <iframe id="feedme" width="600" height="400"></iframe>
 </form>
 <script>

     var completeFrame = function(e){
         var feidlId = document.getElementById("framefood");
         var frameSrc    =   feidlId.value;
         var frameId = document.getElementById("feedme");
         frameId.src =   frameSrc;
     }

 </script>

Answer 2

Вам вообще не нужен JavaScript. Установите целевой атрибут вашей формы на имя фрейма, и он будет загружен туда.

См. Также дубликат Как разместить сообщение в iframe? .