javascript - 输入和提交的锚链接

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/