2013-04-02 15 views
17

Vì vậy, làm thế nào tôi có thể thay đổi bao nhiêu hàng một thẻ chọn với nhiều kích hoạt nên được cho thấy:HTML - Thay đổi hàng tối đa trên một thẻ chọn nhiều

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

này sẽ chỉ hiển thị trong bốn tùy chọn đầu tiên làm thế nào tôi có thể hiển thị thứ năm mà không cần phải di chuyển?

Trả lời

5

Bạn có thể sử dụng CSS để xác định chiều cao chính xác, nhưng điều này có thể sẽ không làm cho giống hệt nhau trên tất cả các trình duyệt do vẽ khác nhau của chọn:

<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

Thx thông minh –

63

Sử dụng size thuộc tính:

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

Tài liệu tham khảo:

+3

Vâng, nhưng nếu tôi muốn ít hơn bốn nó không hoạt động? –

+0

Giả sử bạn tuyên bố rõ ràng rằng bạn muốn hiển thị năm hàng, tôi không chắc tôi có hiểu vấn đề của bạn không? –

+0

Vâng, nhưng nếu tôi muốn hiển thị 2? –

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

nó làm việc tốt

-1

chúng tôi cũng có thể sử dụng thuộc tính "" cho ASPX pa ges, sử dụng mã bên dưới

<asp:ListBox runat="server" SelectionMode="Multiple" Rows="10"></asp:ListBox> 
Các vấn đề liên quan