锚链接，并提交

我有一个小的形式，我打算允许用户通过输入数字跳转到一个部分，这成为一个锚链接：锚链接，并提交

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

锚链接，并提交

回答

相关问题