Cách đặt số lượng mục tối đa để hiển thị trong hộp chọn HTML

Question

Tôi có một hộp số <select> với một số năm trong đó, cách đây 50 năm và hiện tại khi tôi nhấp vào hộp, các tùy chọn sẽ đến dưới cùng của màn hình, có cách nào để đặt số lượng tối đa các tùy chọn mà một hộp chọn sẽ hiển thị trước khi sử dụng thanh cuộn để hiển thị phần còn lại không? Tôi không thể tìm thấy bất cứ điều gì về điều này trên Google, điều duy nhất đến gần là thuộc tính size, là thực sự không phải những gì tôi muốn.

Answer 1

Tôi tin rằng lý do tại sao bạn không thể làm điều đó (xin lỗi) là chúng thường được thực hiện dưới dạng điều khiển gốc của hệ điều hành, điều này cũng có nghĩa là chúng hoạt động khác nhau trong các trình duyệt/nền tảng khác nhau.

Answer 2

Không thể thực hiện điều đó.

Bạn có thể thực hiện một số công cụ JavaScript/AJAX phức tạp nhưng thường có giải pháp tốt hơn. ;)

Answer 3

Có thể có hiệu ứng tương tự với Javascript. Điều này có gần gũi hơn với bạn không?

<select id="mySelect" 
      onfocus="this.size=4" 
      onblur="this.size=1" 
      onmouseleave="this.size=1"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
</select> 

Người dùng không sử dụng javascript của bạn sẽ vẫn nhận được mức giảm lớn mặc dù tất nhiên.

Answer 4

@Aistina - câu hỏi của bạn đề cập đến CSS và HTML thuần túy.
Là teknohippy và Lennart đã viết, nếu bạn không thể bao gồm JavaScript, bạn có thể nhận được hiệu quả mong muốn.
Bạn có thể xây dựng riêng chọn hoặc textbox (example) hoặc sử dụng điều khiển của bạn để làm điều đó (example)