從輸入和提交錨定鏈接

Question

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

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 。

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

我怎樣才能做到這一點？

Answer 1

你應該能夠做到：

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

Answer 2

你可以用類似的東西

$('.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/