更改下拉列表滚动到特定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', ...