2009-05-22 69 views
5

Tôi muốn có phần tử hiển thị theo kiểu hiển thị nhiều lựa chọn (hộp - thay vì thả xuống), nhưng chỉ cho phép bạn chọn tại một thời điểm. Điều đó có thể không?CHỌN phần tử theo kiểu hiển thị nhiều lựa chọn mà không cho phép nhiều lựa chọn

+0

vì vậy bạn có muốn điều này và không sử dụng một danh sách thả xuống? – TStamper

+0

Phải, tôi không muốn sử dụng menu thả xuống. –

Trả lời

13

này sẽ hiển thị một hộp danh sách theo kiểu chọn yếu tố đó cho phép chỉ có một mục được lựa chọn tại một thời điểm:

<select size="3"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

Các size atttribute sẽ kiểm soát bao nhiêu hàng có thể nhìn thấy trong sự kiểm soát. Nếu bạn muốn cho phép nhiều mục được lựa chọn, thêm thuộc tính nhiều đến yếu tố lựa chọn:

<select size="3" multiple="multiple"> 
+0

Tác vụ này có phụ thuộc hoàn toàn vào trình duyệt hay không; tiêu chuẩn HTML không chỉ định hành vi này, 'kích thước' chỉ áp dụng NẾU trình duyệt chọn hiển thị SELECT làm hộp danh sách, mà nó không bao giờ được yêu cầu, ngay cả khi 'kích thước' được chỉ định (nó khá rõ ràng về điểm này). –

+3

Câu hỏi không phải là "tiêu chuẩn HTML có bao gồm" nhưng thay vì "là có thể có được hành vi này". Trong khi bạn chính xác rằng việc triển khai để quyết định điều này (nhờ đã chỉ ra BTW), cả IE và FF (các trình duyệt mà tôi có sẵn ngay bây giờ để thử nghiệm) đã thực hiện hành vi này. Vì vậy, là nó có thể? Vâng. Hành vi có được đảm bảo trong tất cả các tác nhân người dùng đáng tin cậy không? Số –

0

Làm thế nào về một danh sách có thứ <ol> hoặc danh sách không có thứ tự <ul> với các liên kết cho các mục danh sách <li>?

4

Cách thức các yếu tố SELECT được hiển thị phụ thuộc vào việc triển khai thực hiện. Thực tế là trong hầu hết các trình duyệt 'multiple = "1"' sẽ cho bạn một hộp (có thể cuộn) các tùy chọn và nhiều = "0" giúp bạn một hộp thả xuống là trùng hợp ngẫu nhiên.

Không có tiêu chuẩn để nói "Tôi muốn một hộp danh sách chỉ cho phép một tùy chọn được chọn".

Xem thêm:

http://www.w3.org/TR/html401/interact/forms.html#h-17.6

+0

+1 Nội dung quan trọng cần lưu ý. –

1

Bạn có thể viết js đó sẽ bỏ chọn bất kỳ lựa chọn thêm onclick

Các vấn đề liên quan