如何使用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？

回答

相關問題