Javascript 如何使用onclick事件链接到网页而不是href？_Javascript_Jquery_Hyperlink_Href

Javascript 如何使用onclick事件链接到网页而不是href？

javascript jquery hyperlink

Javascript 如何使用onclick事件链接到网页而不是href？,javascript,jquery,hyperlink,href,Javascript,Jquery,Hyperlink,Href,我有一个带有href的锚定标签。我需要在输入文本框的href中的最后一个/后面添加一个字符串。我尝试将输入框的值添加到href，但没有成功。我可以使用onclick事件将值添加到链接字符串中吗？如何使用jquery实现这一点？代码如下： //This is the Search Button $('#switch-fighter-search-button-link').attr("href","/fighters/search/"); //This is the Input box var

我有一个带有href的锚定标签。我需要在输入文本框的href中的最后一个/后面添加一个字符串。我尝试将输入框的值添加到href，但没有成功。我可以使用onclick事件将值添加到链接字符串中吗？如何使用jquery实现这一点？代码如下：

//This is the Search Button
$('#switch-fighter-search-button-link').attr("href","/fighters/search/");

//This is the Input box
var sft = $('$switch-fighter-text').val();

不太清楚您在这里想做什么，但如果您能提供更多有用的代码。下面是一个我认为您可能正在尝试的示例：

<script type="text/javascript>
$('#submit').click(function(){
    var $link = $('#link1');
    //add to the href
    $link.attr('href', $link.attr('href') + "?id=1");
});

//note that if you want to prevent the link from submitting do like so
$('#link1').click(function(){

    //force redirect to a specific url, adding to the href on the fly
    window.location = $(this).attr('href') + "&user=me";

    return false; //prevents href from changing window.location

});

</script>
<body>
    <input id="submit1" type="Submit" value="Submit"></input>
    <a id="link1" href="somelink/test.html">Link</a>
</body>

这样，它将获取原始链接的href并添加id为“switch-fighter-text”的元素的值
像这样的方法应该会奏效：
$('$switch-fighter-text').change(function() {
    var link = $('#switch-fighter-search-button-link');
    link.attr('href', link.attr('href') + $(this).val());
});

这将把文本框的值添加到已经存在的href src中
但我认为，在点击页面后可以更改href src将不起作用。
所以使用
您可以编辑您的问题以包含HTML和单击事件处理程序吗？那会有帮助的。另外，您是否尝试在单击链接时更改href，并让浏览器转到更改的链接，或者在单击其他内容时更改它？我想您希望返回false，如果您多次更改，会发生什么情况？
$('#switch-fighter-search-button-link').click(function(){
  window.location=$(this).attr("href")+$('#switch-fighter-text').val();
  return false;
});

$('$switch-fighter-text').change(function() {
    var link = $('#switch-fighter-search-button-link');
    link.attr('href', link.attr('href') + $(this).val());
});

$('#switch-fighter-search-button-link').attr("href", $('#switch-fighter-search-button-link').attr("href") + $('$switch-fighter-text').val() );

onclick=" window.location='"' + $('#switch-fighter-search-button-link').attr("href") + $('$switch-fighter-text').val(); + '"'; "