Javascript dynamic change in link href

Question

Is there a clear cut method to changing the contents of a url in href based on user submitted information?

For EXAMPLE: A user submits the word "basketball" into a search box and the result is the following link.

<a href="http://google.com/basketball>More information</a>

If the user submitted lets say "football" the link would then change to:

<a href="http://google.com/football>More information</a>

because its a duplicate [How to change the href for a hyperlink using jQuery](http://stackoverflow.com/questions/179713/how-to-change-the-href-for-a-hyperlink-using-jquery) — arun, Nov 16 '12 at 05:34
You can see the answer here... It's a duplicate question.... [http://stackoverflow.com/questions/179713](http://stackoverflow.com/questions/179713/how-to-change-the-href-for-a-hyperlink-using-jquery) — Ofir Hadad, Nov 16 '12 at 05:29

Adil · Answer 1 · 2012-11-16T05:38:38.527

2

You have missing close quote of href, You can do it this way.

var url = $('#aId').attr('href');
firstPart = url.substring(0, url.lastIndexOf('\/')+1);
$('#aId').attr('href', firstPart + "Football");

edited Nov 16 '12 at 05:38

answered Nov 16 '12 at 05:29

Adil

score 1 · Answer 2 · answered Nov 16 '12 at 05:30

1

Given: <a id="url" href="http://google.com/basketball">More information</a> <input id="sport" type="text" val="soccer" />

var $val = $('#sport').val()
$("#url").attr("href", "http://www.google.com/" + $val);

answered Nov 16 '12 at 05:30

The Internet

2 Answers2