链接href中的Javascript动态变化

Question

是否有明确的方法可以根据用户提交的信息更改 href 中 url 的内容？

例如：用户将“篮球”一词提交到搜索框中，结果是以下链接。

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

如果用户提交让我们说“足球”，则链接将变为：

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

Answer 1

你缺少href的右引号，你可以这样做。

Live Demo

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