如何使用Javascript或jQuery动态更新iframe

我正在开发一个带有文本框、提交按钮和iframe的页面

URL应放在文本框中。点击按钮后，结果应显示在iframe中

---

我如何做到这一点？

您根本不需要JavaScript。将表单的target属性设置为框架的名称，它将在那里加载

---

另请参阅副本。

这里有一个使用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>

发送


var completeFrame=函数（e）{
var feidlId=document.getElementById（“framefood”）；
var frameSrc=feidlId.value；
var frameId=document.getElementById（“feedme”）；
frameId.src=frameSrc；
}

，我在文本框中键入了google.com，但它没有出现在iframe中，y是dat吗？你可能需要检查输入的url是否有http://etc，因为它无法正常工作？我确实输入了url和“http://”，但它给我一个错误，说“未找到此网页”，然后它的搜索站点似乎有问题，是否在iframe中显示此消息？