JavaScript來獲取URL值，並張貼到iframe

Question

我試圖複製這個網站的腳本功能：http://responsinator.com/

的想法是從形式獲取URL並插入一個或多個iFrame中。

對不起，我有點小菜。我認爲這很簡單，但我堅持。這是我在哪裏至今：

http://jsfiddle.net/xtpD5/

function handleButtonEnterClick() { 
    var textbox_value = document.getElementById("url_textbox").value; 
    document.getElementById('myUrl').value = window.location; 
    var form = document.getElementById('myForm'); 
    form.action = textbox_value; 
    form.submit(); 
} 

<div id="container"> 
<form action="" method="post" id="myForm"> 
    <p>Enter URL:</p> 
    <input type="hidden" id="myUrl" name="url" /> 
    <input type="text" id="url_textbox" name="url_textbox" /> 
    <input type="button" id="button_enter" name="button_enter" 
      value="enter" onclick="handleButtonEnter" /> 
</form> 
</div> 

謝謝！

Answer 1

是否這樣？ http://jsfiddle.net/xtpD5/1/

您可以通過目標屬性將表單提交給iframe。並且它在iframe中打開它

function handleClick() { 
    var url = document.getElementById('url_textbox').value; 
    document.getElementById('myForm').action = url; 
    return true; 
} 

<div id="container"> 
    <form action="" method="post" id="myForm" target='iframe'> 
     <p>Enter URL:</p> 
     <input type="hidden" id="myUrl" name="url" /> 
     <input type="text" id="url_textbox" name="url_textbox" /> 
     <input id="button_enter" name="button_enter" value="enter" type="submit" /> 
    </form> 
</div> 
<iframe name="iframe"></iframe>