Change a variable in a URL (within HTML) on a Javascript event

Question

I have a Javascript event that is fired when a location is detected. Let's say that the detected location is "Melbourne Australia".

I want to change the following:

<a href="/search?location=&input=Suits">Suits</a>

To be:

<a href="/search?location=Melbourne Australia&input=Suits">Suits</a>

All I can think of us changing the entire href value. Is there a 'sane' way to change only the value of location= when the event is fired.

Satish Sharma · Accepted Answer · 2014-01-04 05:15:31Z

2

give a id to your link

<a href="/search?location=&input=Suits" id="my_link">Suits</a>

and use js to modify it

var your_location = "Melbourne Australia"; // can be dynamic

var obj = document.getElementById('my_link');

var h = obj.href;

var string_to_find = "location=";
var string_to_replace = "location="+your_location;
var new_h = h.replace(string_to_find, string_to_replace);

obj.href=new_h;

answered Jan 4, 2014 at 5:15

Satish Sharma

9,6356 gold badges31 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Change a variable in a URL (within HTML) on a Javascript event

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related