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

我有一个具有href的锚标签。我需要在输入文本框中的最后一个/ href之后添加一个字符串。我试图将输入框的值添加到href中，但没有成功。我可以使用onclick事件将值添加到链接字符串吗？这怎么可以完成使用jQuery？下面是代码：如何使用onclick事件链接到网页而不是href？

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

来源

2011-05-02 Amen Ra

您可以编辑您的问题，包括你的HTML和Click事件处理程序？这将有所帮助。您是否还试图通过点击链接来更改href并让浏览器进入已更改的链接，或通过点击其他链接来更改它？ – justkt 2011-05-02 14:41:56

这样，它会采取原始链接的href和id为添加元素的值“切换战斗机文本”

$('#switch-fighter-search-button-link').click(function(){ 
    window.location=$(this).attr("href")+$('#switch-fighter-text').val(); 
    return false; 
});

来源

2011-05-02 14:47:30 Mark

这工作。回报错误是造成差异的原因。 – 2011-05-02 15:40:39

$('#switch-fighter-search-button-link').click(function(){ 
    window.location="/fighters/search/"+$('$switch-fighter-text').val(); 
    return false; 
});

来源

2011-05-02 14:41:01

我想你想要一个'return false' – mplungjan 2011-05-02 14:46:38

你就是这样，它是一个 – 2011-05-02 15:16:31

不完全相信你想在这里做什么，但如果你能提供更多的代码，这将是有益的。这里是什么，我想你可能会试图做一个例子：

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

来源

2011-05-02 14:46:09 pixelbobby

像这样的东西应该工作：

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

来源

2011-05-02 14:51:37

如果您多次更改它，会发生什么情况？ – mplungjan 2011-05-02 16:43:52

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

这将您的文本框的值添加到现有的href SRC

但我认为可以更改href src后单击该页面将无法正常工作。因此，使用

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

来源

2011-05-02 14:55:59 ppumkin

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

回答

相关问题