2012-01-12 2 views
2

Как реализовать плагин .scrollTo в раскрывающемся списке? Когда я выбираю один вариант из выпадающего списка, он получает значение и показывает конкретный div, но как сделать этот div прокруткой сразу после того, как пользователь выберет опцию? Я использовал этот плагин уже со ссылками href, и это легко, но я понятия не имею, как реализовать его с выпадающими списками. Вот HTML:Как реализовать плагин .scrollTo с выпадающим списком

<select id="miasto"> 
    <option value="v1">opt1</option> 
    <option value="v2">opt1</option> 
    <option value="v3">opt1</option> 
</select> 

дивов будет отображаться после выбора опции:

<div id="v1" class="schowaj" style="display:none">div1 content</div> 
<div id="v2" class="schowaj" style="display:none">div2 content</div> 
<div id="v3" class="schowaj" style="display:none">div3 content</div> 

JQuery:

$(function(){ 
$('#miasto').change(function(){ 
    var divToShow = $('#'+$(this).val()); 
    $('.schowaj').not(divToShow).hide('slow'); 
    divToShow.show('slow'); 
}); 
}); 

ответ

1

завернуть свой код в выбери слушатель изменения событий:

$('select').change(function() { 
    var divToShow = $('#'+$(this).val()); 
    $('.schowaj').not(divToShow).hide('slow'); 
    divToShow.show('slow'); 

    var offset = divToShow.offset().top; 
    $('body').animate({ 
     scrollTop: offset 
    }, 1500); 
}); 
+0

T ханк, это работает! – JaneVi

Смежные вопросы