我可以制作一个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; 

}