使用css在下拉列表中限制顯示的選項

Question

是否有任何CSS屬性，我可以通過它來限制顯示的選項在下拉列表中。

我知道設置size ='value' in select限制了drpdown顯示的選項。這是可以使用CSS來實現的。

<select size="5"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
<option>5</option> 
<option>6</option> 
<option>7</option> 
<option>8</option> 
<option>9</option> 
<option>10</option> 
<option>11</option> 
<option>12</option> 
</select> 

使用此選項的no選項可見將被限制爲5。這可以在css中完成。 其實我在應用程序中有很多下拉列表，並且向它們添加大小非常耗時，而且我可能需要更改之後顯示的項目數。

Answer 1

添加類，你要更改的選擇：

<select class="limit"> 
... 
</select> 

然後使用一些jQuery的：

$('.limit').attr('size', 5); 

這裏是一個example。