显示多个行中的行

在选择中使用多个行时，您可以选择它显示的行数，就像在textarea中可以显示的那样？显示多个行中的行

现在它只显示4个位置作为默认使用“多个”时，这个选择恰好是一个短名单。有没有像6或7或所有位置显示而不是仅显示默认4行的方法？

<select name="Location" id="loc" multiple="multiple" required> 
 
\t <!---<option selected value="">Select location</option>---> 
 
    <option value="OPERATIONS">Operations</option> 
 
    <option value="CCC">Contact Center</option> 
 
    <option value="QA">QA Department</option> 
 
    <option value="DS">DeSoto</option> 
 
    <option value="PS">Palma Sola</option> 
 
    <option value="LWR">Lakewood Ranch</option> 
 
    <option value="NR">North River</option> 
 
    <option value="SDL">SDL</option> 
 
</select>

来源

2016-04-06 David Brierton

你的意思是你想让它们水平显示吗？ –

不，我现在的意思是只显示4个位置，这只是一个简短的列表。有没有一种方法来显示像6或7或所有位置，而不仅仅是默认4.基本上使选择较大的尺寸，我猜 –

然后是 - 增加select框的大小。

JSfiddle

例如，

select { 
    height:300px; 
}

来源

2016-04-06 15:47:39

我只是好奇，如果有一种方法来做到这一点没有CSS像textarea有行= “6” –

这不允许决定将显示多少个选项。 –

您可以更改高度。

#loc { 
 
    height:140px 
 
}

<select name="Location" id="loc" multiple="multiple" required> 
 
    \t <!---<option selected value="">Select location</option>---> 
 
     <option value="OPERATIONS">Operations</option> 
 
     <option value="CCC">Contact Center</option> 
 
     <option value="QA">QA Department</option> 
 
     <option value="DS">DeSoto</option> 
 
     <option value="PS">Palma Sola</option> 
 
     <option value="LWR">Lakewood Ranch</option> 
 
     <option value="NR">North River</option> 
 
     <option value="SDL">SDL</option> 
 
    </select>

编辑：还如Gavin说，仅使用大小= K属性：

<select size="8" name="Location" id="loc" multiple="multiple" required> 
 
\t <!---<option selected value="">Select location</option>---> 
 
    <option value="OPERATIONS">Operations</option> 
 
    <option value="CCC">Contact Center</option> 
 
    <option value="QA">QA Department</option> 
 
    <option value="DS">DeSoto</option> 
 
    <option value="PS">Palma Sola</option> 
 
    <option value="LWR">Lakewood Ranch</option> 
 
    <option value="NR">North River</option> 
 
    <option value="SDL">SDL</option> 
 
</select>

来源

2016-04-06 15:47:49 Lagastic

我只是好奇，如果有没有办法做到这一点，没有像textarea有行=“6” –

哦。是的，使用'size'属性。 '

显示多个行中的行

回答