Chcę mieć element, który jest wyświetlany w stylu wyświetlania wielu zaznaczeń (to - pole zamiast menu rozwijanego), ale pozwala tylko wybrać element na czas. Czy to jest możliwe?Element SELECT w stylu wyświetlania wielokrotnego wyboru bez możliwości wielokrotnego wyboru
Odpowiedz
Spowoduje to wyświetlenie listbox stylu wybierz element, który pozwala tylko na jeden wybrany element na raz:
<select size="3">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
size
atttribute będzie kontrolować, ile wierszy, które są widoczne w kontroli. Jeśli chcesz, aby wiele elementów, które zostaną wybrane, dodać atrybut wielokrotny do wybierz element:
<select size="3" multiple="multiple">
To, czy to działa, czy też nie, zależy wyłącznie od przeglądarki; standard HTML nie określa tego zachowania, "rozmiar" ma zastosowanie tylko wtedy, gdy przeglądarka zdecyduje się wyrenderować SELECT jako listbox, czego nigdy nie jest wymagane, nawet jeśli określono "rozmiar" (jest to dość jednoznaczne w tym punkcie). –
Pytanie nie brzmiało "czy standard HTML to uwzględnia", ale raczej "czy możliwe jest uzyskanie tego zachowania". Chociaż masz rację, że decyzja należy do implementacji (dzięki za wskazanie BTW), zarówno IE, jak i FF (przeglądarki, które mam teraz dostępne do testowania) zaimplementowały to zachowanie. Czy to możliwe? Tak. Czy zachowanie jest gwarantowane we wszystkich dostępnych programach klienckich? –
Jak o uporządkowanej listy <ol>
lub nieuporządkowanej liście <ul>
z linkami do elementów listy <li>
?
Sposób renderowania elementów SELECT jest zależny od implementacji. Fakt, że w większości przeglądarek "multiple =" 1 "" dostajesz (ewentualnie przewija) pole opcji, a multiple = "0" powoduje, że rozwijane pole jest przypadkowe.
Nie ma standardu dla wypowiedzenia "Chcę, aby lista zawierała tylko jedną opcję".
Zobacz także:
+1 Ważne informacje, o których należy pamiętać. –
można napisać js że odznaczyć żadnych dodatkowych wyborów onclick
- 1. Jak utworzyć listbox w HTML bez możliwości wielokrotnego wyboru?
- 2. Pole wyboru wielokrotnego HTML
- 3. Django widget wielokrotnego wyboru?
- 4. Optymalizowanie SQLite wkładka wielokrotnego wyboru
- 5. CakePHP postać pomocnika - HABTM wielokrotnego wyboru stylizacji
- 6. Lista wielokrotnego wyboru z widokiem niestandardowym?
- 7. Django Pole wyboru wielokrotnego/pole wyboru Wybierz numer
- 8. Zapobieganie ponownym próbom wielokrotnego wyboru obrazu
- 9. Jak korzystać z wielokrotnego wyboru w mvc 4?
- 10. Uzyskiwanie wartości wielokrotnego wyboru wewnątrz jednego ng-powtórzenia
- 11. Jak wybrać opcje z listy wielokrotnego wyboru za pomocą jQuery?
- 12. Optymalny sposób przechowywania odpowiedzi ankiety wielokrotnego wyboru w bazie danych
- 13. Jak ustawić wartość domyślną dla opcji ng (wielokrotnego wyboru)?
- 14. Niestandardowe powiązanie dla wielokrotnego wyboru w nokaucie js
- 15. Jak uzyskać skupioną komórkę w JTable podczas wielokrotnego wyboru
- 16. Jak obsługiwać skrzynki wielokrotnego wyboru w formularzu Zend Framework?
- 17. Zestaw wielokrotnego wyboru w R/lśniący - dodawanie paska przewijania
- 18. Django: Wyświetl wartości wybranego pola wielokrotnego wyboru w szablonie
- 19. Formtastic/ActiveAdmin wielokrotnego wyboru wiele do wielu problemów stowarzyszenia checkbox
- 20. jQuery pobiera tekst z $ .each z listy wielokrotnego wyboru
- 21. Jak złożyć wielokrotnego wyboru tablicy z formularzy HTML
- 22. Usuń ostatni zaznaczony element z wielokrotnego wyboru, jeśli użytkownik wybierze więcej niż 3 opcję, używając jquery
- 23. Dane wiosny Parametry JPA NamedStoredProcedureQuery wielokrotnego wyświetlania
- 24. HTML wyboru w liście select
- 25. W jaki sposób uzyskać wartości wielokrotnego wyboru z formularza za pomocą Golanga?
- 26. Zdarzenia wielokrotnego zdarzenia javascript wielokrotnego zdarzenia raz
- 27. Dokonaj wyboru wielokrotnego zaznaczenia jqGrid, który będzie kontynuowany po paginacji, wyszukiwaniu paska narzędzi lub filtru
- 28. Jak ustawić wartość dla pola wielokrotnego wyboru przy użyciu wersji netsuite suitescript 2.0?
- 29. C++ wielokrotnego iteratora unieważnienia
- 30. Używanie operatora wielokrotnego bigIntegera
więc chcesz tego i nie używać listę rozwijaną? – TStamper
Tak, nie chcę używać rozwijanego menu. –