javascript 将变量添加到链接末尾

Question

我正在尝试将我创建的变量添加到其中一个链接的末尾，但不确定如何操作？

<a href="../../availability/default.aspx?propid=' + myvariable + '">Link</a>

有什么想法吗？

谢谢杰米

​

Answer 1

添加 ID：

<a id="link" href="../../availability/default.aspx?propid=">Link</a>

JavaScript：

document.links["link"].href += myvariable;

jQuery：

$('#link').attr('href', $('#link').attr('href') + myvariable);

Answer 2

像这样的事情将创建一个闭包，它将存储您的原始 HREF 属性：

function init() {
    var link = document.getElementById("link");
    var hrefOrig = link.href;
    var dd = document.getElementById("DropDown");
    dd.onchange = function(){ link.href = hrefOrig + dd.value; }
}

window.addEventListener("load", init, false); // for Firefox; for IE, try window.attachEvent

Answer 3

解决方案只是调整 Adam 上面发布的代码：

HTML

<a id="link" href="">Link</a>

<select onchange="addVariable(this.value)">...

Javascript

function addVariable(myvariable){

document.links["link"].href = "../../availability/default.aspx?propid=" + myvariable;

}