jquery - 更改滚动到特定 ID 时的下拉菜单

Question

我有一个包含 100 多个选项的下拉菜单。当选择与选项值匹配的相同 id 选项时，我想滚动到 div。任何帮助将不胜感激。

<select>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>

<div id="a"></div>
<div id="b"></div>
<div id="c"></div>

Answer 1

$('select').on('change', function(){
    $('body, html').animate({ scrollTop: $('#' + $(this).val()).position().top });
});

工作演示 http://jsfiddle.net/gcXM7/1/

不过，如果不明显，您可能需要为您的选择提供一个 id

<select id="foo">

然后只选择那个

$('#foo').on('change', ...