2013-04-02 15 views
17

So wie kann ich, wie viele Zeilen mit mehrere ändere einen select-Tag aktiviert gezeigt werden soll:HTML - Ändern maximale Zeilen auf einem ausgewählten Tag mehr

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

Dies wird nur die ersten vier Optionen zeigen, wie kann ich zeigen, die fünfte ohne scrollen?

Antwort

5

Sie CSS verwenden können, um die genaue Höhe zu spezifizieren, aber das wird in allen Browsern aufgrund unterschiedlicher Wiedergabe der ausgewählten wahrscheinlich nicht machen genau das gleiche:

<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

Das ist schlau thx –

63

Verwenden Sie das size Attribut:

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

Referenzen:

+3

Ja, aber wenn ich weniger als vier will funktioniert es nicht? –

+0

Wenn Sie explizit angeben, dass Sie fünf Zeilen anzeigen möchten, bin ich mir nicht sicher, ob ich Ihr Problem verstanden habe? –

+0

Ja, aber wenn ich 2 zeigen möchte? –

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

es gut funktioniert

-1

können wir auch Attribut "" für ASPX pa verwenden ges, benutze code unter

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