下拉列表中的限制选项

Question

我有超过100个选项的下拉列表，显示默认的20选项，我们需要滚动。

我需要将选项减少为10而不是20.我在select标签中使用了size参数，如下所示

我需要显示下拉列表，任何人都可以帮我解决这个问题。

谢谢，

Answer 1

您可以使用select的size属性来限制可见元素

<select size="10">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

  

如果控件显示为滚动列表框，则此属性   表示列表中应该可见的行数   一度。浏览器不需要将选择元素表示为   滚动列表框。默认值为0，Reference。

Answer 2

检查

<select name="numbers" size="5">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
</select>

http://jsfiddle.net/cSSjF/

Answer 3

对select元素使用size选项意味着它只会显示您在size属性中放置的选项数。

只显示20个，你可以使用css技巧。

将高度添加到下拉列表中，然后将其设置为尽可能多的高度，以便能够显示所需的选项。

希望这有帮助。