顯示多個行中的行

在選擇中使用多個行時，您可以選擇它顯示的行數，就像在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'屬性。 '

顯示多個行中的行

回答