javascript - 从表单条目中获取变量以添加到链接？

Question

我正在尝试获取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 中循环回输入所有内容的页面......

Answer 1

您的 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;
}

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

使用 Javascript 更改 iframe src

提琴手示例：

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