从表单条目获取变量以添加到链接?

时间:2013-02-25 19:31:44

标签: javascript html

我正在尝试获取input class=input type=text以添加到与网页地址无关的链接。生成的link+text-entry将显示在iframe中。

我尝试了以下(我在这里找到):

function GET_IT() {
    var link = document.getElementById("LINKHERE");
    var hrefOrig = link.href;
    var dd = document.getElementById("TEXT_ID");
    dd.onchange = function(){ link.href = hrefOrig + dd.value; }
}
window.attachEvent("load", init, false);

使用:

<form target="IFRAME" method="get">
    <input class"input" type="text" size="25" id="TEXT_ID">
    <input type="submit" value "Go" onClick="javascript: function('GET_IT');">
</form>

所有这一切都是在iFrame中输入所有内容的页面循环回来......

1 个答案:

答案 0 :(得分:0)

您的JavaScript函数应如下所示:

function GET_IT() {
    var link = document.getElementById("LINKHERE");
    var hrefOrig = link.href;
    var dd = document.getElementById("TEXT_ID");

    //Change the source of the iFrame with the new HREF...
    document.getElementById('IFRAME ID').src = hrefOrig + dd.value;
}

这是我可以在没有看到更多代码的情况下给你的最佳答案。请查看此链接以获取可能对您有所帮助的更完整示例:

Changing iframe src with Javascript

Fiddler示例:

http://jsfiddle.net/VkSRY/1/