JavaScript如何将变量添加到链接末尾

Question

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

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

有什么想法吗？

谢谢

Jamie

- Jamie Taylor

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

- Adam

---

我遇到了一个问题，即在下拉列表的onchange变量中添加变量后，每次更改下拉列表时都会将其添加到href上。 - Jamie Taylor

如果您不需要有效的HTML，可以将属性“basic_href”添加到A标签中，并更改Adam的代码，如下所示： $（'#link'）.attr（'href'，$（'#link'）.attr（'basic_href'）+ myvariable）; - Ilian Iliev

Answer 2

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

}

- Luka Milani

Answer 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

- palswim