2012-02-13 3 views
1

У меня выпадающее значение от 1 до 50. 35 - это выбранный элемент. Таким образом, при нажатии этого параметра 35 по умолчанию используется как открытый. Я хочу, чтобы список автоматически прокручивался вверх и показывал первый элемент.Показать первый элемент DropDown/ListBox автоматически с помощью jQuery

Теперь то есть ListBox по умолчанию отображается как

Now the default listbox displayed as

Но я хочу дисплей как

the scroll moves up and shows the first option

Есть ли возможность в Jquery. Пожалуйста сделай все необходимое. Спасибо

+4

С регулярными выпадающими списками нет, у вас нет такого контроля над ними. Вы можете перевернуть свои собственные выпадающие списки, чтобы получить такое поведение. –

+0

Согласен с Марк. Не с регулярными выпадающими списками, но вы можете посмотреть что-то вроде http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html –

+0

Спасибо за ваш ответ. Если кто-нибудь найдет решение для этого, сообщите мне. Спасибо –

ответ

0

Не лучшее решение, но отправная точка для вас.

var originalValue, isScrolled = false, 
isChanged = false, 
isFirstClick = false; 
$(document).click(function(e) { 
    var id = e.target.id; 
    if (id == "") id = $(e.target).parent().attr("id"); 
    if (id != "drop" && (isFirstClick == true)) { 
     isFirstClick = false; 
     $("#drop").val(originalValue) 
    } 
}); 
$("#drop").click(function(e) { 
    isFirstClick = !isFirstClick; 
    if (isChanged == true) { 
     isFirstClick = false; 
     isChanged = false; 
     return; 
    } 
    originalValue = $(this).val(); 
    $(this).val(1); 
}).change(function(e) { 
    isChanged = true; 
});​ 

Дем на jsFiddle.net: http://jsfiddle.net/g6bVJ/4/

Надеется, что это помогает.

+0

Спасибо. Это работает. Но у меня есть следующая проблема. Я нажимаю на поле списка и ничего не выбираю. Затем снова я нажимаю окно списка, и я не прокручиваю вверх. Если я нажму на поле списка и выберем какое-то значение, то он отлично работает. Чтобы исправить это, где нужно изменить код. –

+0

Вы были правы, это не работало FF. Обновлен код: http://jsfiddle.net/g6bVJ/4/ –

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