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
Add a comment |
3 Answers
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); 
2 Comments
Jamie Taylor
I've got a bit of an issue in that i am adding the variable onchange of a drop down list and it keeps adding it on to href everytime change the drop down?
Ilian Iliev
if you don`t require a valid html you can add attribute "basic_href" to the A-tag and change the code of Adam like: $('#link').attr('href', $('#link').attr('basic_href') + myvariable);
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 
Comments
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; } 