javascript在链接末尾添加变量答案

【问题标题】：javascript add variable onto end of linkjavascript在链接末尾添加变量
【发布时间】：2011-04-06 21:33:48
【问题描述】：

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

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

有什么想法吗？

谢谢

杰米

【问题讨论】：

标签： javascript variables hyperlink href

【解决方案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);

【讨论】：

我遇到了一个问题，我正在添加一个下拉列表的变量 onchange 并且每次更改下拉列表时它都会将其添加到 href 中？
如果您不需要有效的 html，您可以将属性“basic_href”添加到 A 标记并更改 Adam 的代码，如：$('#link').attr('href' , $('#link').attr('basic_href') + myvariable);

【解决方案2】：

解决方案只是修改上面亚当发布的代码：

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;

}

【讨论】：

【解决方案3】：

这样的事情会创建一个闭包来存储你原来的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

【讨论】：