我可以製作一個Django窗體ChoiceField可滾動嗎？

Question

我有Django的形式ChoiceField下拉菜單。它的時間從上午9點到下午5點30分 - 約18件物品。當有人點擊下拉菜單時，它會一次顯示所有的值。我想要做的是隻顯示大約3或4個值，滾動條在右側，以便用戶可以進行滾動。我需要這種方式的原因是因爲它佔用更少的空間並且看起來更好。無論如何要做到這一點？這是我到目前爲止有：

MY_CHOICES = (
     ('1', '9:00AM'), 
     ('2', '9:30AM'), 
     ('3', '10:00AM'), 
     ('4', '10:30AM'), 
     ('5', '11:00AM'), 
     ('6', '11:30AM'), 
     ('7', '12:00PM'), 
     ('8', '12:30PM'), 
     ('9', '1:00PM'), 
     ('10', '1:30PM'), 
     ('11', '2:00PM'), 
     ('12', '2:30PM'), 
     ('13', '3:00PM'), 
     ('14', '3:30PM'), 
     ('15', '4:00PM'), 
     ('16', '4:30PM'), 
     ('17', '5:00PM'), 
     ('18', '5:30PM'), 
    ) 

    my_choice_field = forms.ChoiceField(choices=MY_CHOICES) 

Answer 1

這是一個內置的瀏覽器控制;沒有辦法讓它滾動。唯一要做的就是用一個自定義Javascript小部件替換它。你可能想要調查select2這確實是這樣;有一個django-select2庫實現了一個窗體小部件，你可以在你自己的窗體中使用。

Answer 2

也許你可以，implementando JS庫：https://select2.github.io/examples.html

您可以通過高度修改CSS你想

.select2-container--default .select2-results>.select2-results__options { 
max-height: 200px; 
overflow-y: auto; 

}