java - 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>

Answer 1

您缺少 href 的关闭引号，您可以这样做。

现场演示

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

Answer 2

鉴于： <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);