javascript将变量添加到链接的末尾

时间:2010-09-01 15:47:37

标签: javascript variables hyperlink href

我正在尝试将我创建的变量添加到我的某个链接的末尾,但不知道该怎么做?

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

有什么想法吗?

由于

杰米

3 个答案:

答案 0 :(得分:3)

添加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);

答案 1 :(得分:0)

解决方案只是调整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;

}

答案 2 :(得分:0)

这样的东西会创建一个闭包,用于存储原始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