将表单输入类型文本中的URL传递给iframe?

时间:2013-09-30 04:27:24

标签: javascript jquery html forms iframe

Eveyone在这里度过了美好的一天,这真的是一个非常丰富的信息,但我还是一个学习者...

我已经成功地在这里的人们的帮助下设置了以下代码......

采取Value1&用户在文本输入框中的值2&当他按下GO!他需要一个URL

http:// foo.com/document/ value1 / value2 /printview.html

所以我只是想知道&试图了解是否为了不创建上述URL打开并显示结果页面的iframe,而不是将用户发送到新窗口?

如何将结果URL从此传递给iframe?

以前的代码如下:

http://jsfiddle.net/UQExt/

HTML

<form>
<input type="text" id="value1"/><br>
<input type="text" id="value2" /><br>
<input type="button" value="Go!" onclick="redirect()" />
</form>

的Javascript

function redirect() {
    window.location.href = 'http://www.foo.com/document/' 
        + encodeURIComponent(document.getElementById("value1").value)
        + '/'
        + encodeURIComponent(document.getElementById("value2").value)
        + "/printview.html";
}

我看到&amp;尝试了以下功能

的Javascript

    function makeFrame() {
    var ifrm = document.createElement("IFRAME");
    var gift_id=document.getElementById('redirect').elements['redirect'].value
    ifrm.setAttribute("src", "http://www.foo.com/document/' 
        + encodeURIComponent(document.getElementById("value1").value)
        + '/'
        + encodeURIComponent(document.getElementById("value2").value)
        + "/printview.html);
    ifrm.style.width = 340 + "px";
    ifrm.style.height = 630 + "px";
    document.body.appendChild(ifrm);
    }

但它似乎没有用......

有人能给我带头吗?

由于

0 个答案:

没有答案