錨鏈接，並提交

我有一個小的形式，我打算允許用戶通過輸入數字跳轉到一個部分，這成爲一個錨鏈接：錨鏈接，並提交

Jump to <input type="text" value="" name="a_gobox" id="a_gobox" /> 
<input type="image" class="button" name="submit" src="/images/gobutton.png" alt="Go" />

因此，如果用戶輸入「 7「，那麼我希望頁面的哈希錨點更改爲#section7。

實際哈希值在地址欄中更改以及在頁面上反映這一點非常重要。

我該如何做到這一點？

來源

2013-03-27 Alasdair

這是沒有的jQuery？ – 2013-03-27 15:09:36

我在那個頁面上有jQuery，但重要的是地址欄的變化以及頁面上的哈希變量。 – Alasdair 2013-03-27 15:10:06

你應該能夠根本看：

window.location.hash = '#' + $('#a_gobox').val();

來源

2013-03-27 15:10:53 techfoobar

「＃」部分似乎是可選的（至少在Firefox中 - 沒有在其他瀏覽器中測試過），但這是一般的方法。 – 2013-03-27 15:12:46

您可以使用類似

$('.button').on('click', function() { 
    var which_number = $('#a_gobox').val(), 
     section_to_jump_to = '#section_' + which_number; 
    window.location.hash= section_to_jump_to; 
});

還有一點小提琴http://jsfiddle.net/ftWZh/1/

來源

2013-03-27 15:17:53 isotrope

錨鏈接，並提交

回答

相關問題