2013-04-02 18 views
17

Così come posso cambiare il numero di righe di un tag select con più abilitato dovrebbe essere mostrato:HTML - variazione massima righe su un tag select multipla

<select multiple="multiple"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>5</option> 
</select> 

Questo mostrerà solo le prime quattro opzioni come posso mostrare il quinto senza dover scorrere?

risposta

5

È possibile utilizzare i CSS per specificare l'altezza esatta, ma questo non sarà probabilmente renda esattamente la stessa in tutti i browser a causa della diversa prestazione del select:

<select multiple="multiple" style="height: 24pt"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>5</option> 
</select> 

Fiddle: http://jsfiddle.net/24Myw/

+0

Questo è smart thx –

63

utilizzare l'attributo size:

<select size="5" multiple name="whatever"> 

Riferimenti:

+3

Sì, ma se voglio meno di quattro non funziona? –

+0

Dato che dichiari esplicitamente di voler mostrare cinque righe, non sono sicuro di aver capito il tuo problema? –

+0

Sì, ma se voglio mostrare 2? –

1
<select size="any number" name="#" id="#"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>5</option> 
</select> 

farlo funzionare bene

-1

possiamo anche usare l'attributo "" per ASPX pa ges, utilizzare il codice sottostante

<asp:ListBox runat="server" SelectionMode="Multiple" Rows="10"></asp:ListBox>