2012-02-13 5 views
1

ドロップダウンの値は1から50です。35が選択された項目です。これをクリックしている間、35は開いたままのデフォルトオプションです。私はリストボックスを自動的に上にスクロールし、最初の項目を表示します。jQueryを使用してDropDown/ListBoxの最初の項目を自動的に表示します。

すなわち 今デフォルトのリストボックスが

Now the default listbox displayed as

として表示さしかし、私は

the scroll moves up and shows the first option

などの表示をしたいのjQueryのいずれかの可能性があります。必要な作業をしてください。ありがとう

+4

通常のドロップダウンでは、そのようなコントロールはありません。この動作を得るには、独自のドロップダウンを動かすことができます。 –

+0

Marcと同意します。通常のドロップダウンではなく、http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html –

+0

のようなものを見ることができます。返信いただきありがとうございます。もし誰かがこの解決策を見つけたら、私に伝えてください。ありがとう –

答えて

0

あなたにとって最良の解決策ではありませんが、出発点です。 jsFiddle.net上

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; 
});​ 

デモ:http://jsfiddle.net/g6bVJ/4/

が、これはあなたのお役に立てば幸いです。

+0

ありがとう。それは働いている。しかし、私は次の問題があります。リストボックスをクリックして何も選択しません。その後、もう一度、私は上にスクロールしないリストボックスをクリックします。リストボックスをクリックして値を選択すると、正常に動作します。これを修正してコードを変更する場所。 –

+0

あなたはそうだった、それはFFで動作していなかった。コードを更新しました:http://jsfiddle.net/g6bVJ/4/ –

関連する問題