CODEWITHSUNDEEP
javascriptvariableshyperlinkhref
Jamie Taylor
Jamie Taylor

Reputation: 3530

javascript add variable onto end of link

I'm trying to add a variable i created on to the end of one of my links but not sure how to do it? 

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

Any ideas?

Thanks

Jamie

Upvotes: 5

Views: 12166

Answers (3)

palswim
palswim

Reputation: 12140

Something like this will create a closure which will store your original HREF property:

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

Upvotes: 0

Luka Milani
Luka Milani

Reputation: 1541

The solution is only to adapt the code that Adam post above so:

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;

}

Upvotes: 0

Adam
Adam

Reputation: 44919

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

Upvotes: 3

Related Questions