エキスパンド選択ボックス

Question

ドロップアウト/選択ボックスを固定幅、つまり125pxに設定する方法が分かっている人はいますか？それを開くと、ドロップダウン部分は自動的にリストを選択し、アイテムを選択すると、ドロップダウンリストのサイズを125ピクセルに戻しますか？

これはFFですが、IEでは現在ありません。事前に

おかげで、 B

Answer 1

あなたが幅を使用してCSSで幅を設定することができ

：125px。

ポップアップ部分の幅を制御できるかどうかはわかりませんが、通常は自動的にサイズが変更されます（任意の上限まで）。

Answer 2

あなたが後になっている効果を達成するには、いくつかのCSS 3のプロパティ（すべてのブラウザで動作しません）またはJavascriptを使用する必要があると思います。

選択ボックスのonFocusイベントとonBlurイベントを使用し、それに応じてstyle.widthプロパティを更新できます。コードサンプルがほしいと思ったら教えてください！

Answer 3

ここでは、mousedownの選択ボックスのサイズを変更するクイックjQueryソリューションを紹介します。次に、何かが選択されたり離れたりすると、それを元に戻します。

var example = $('#some-id'); 

$(example).mousedown(function() { 
     $(this).css('width','400px');        
}); 
$(example).blur(function({ 
     $(this).css('width','200px');        
}); 
$(example).change(function() { 
     $(this).css('width','200px');        
});