Gibt es irgendeine Art von freier Kontrolle, die das ausführt, was das Feld "Occupation" unter http://monster.ca ausführt? Dies ermöglicht die Gruppierung der Optionen in einer Dropdown-Box mit erweiterbaren Abschnitten? Ich habe gerade über die optgroup tag gelernt, die nahe ist, was ich will, aber nicht ganz.Einklappbares Dropdown-Listenfeld in HTML
Antwort
Sie diese mit einem traditionellen < > Steuerung wählen nicht tun kann, und ich bezweifle, Es gibt fertige Komponenten, die zur Rechnung passen. Wenn du das selbst machen willst und nicht in ein Toolkit wie extjs oder dojo kaufen willst (was es wahrscheinlich am einfachsten machen würde), kann ich die folgende Baumbibliothek empfehlen, da sie sehr einfach zu benutzen ist und BSD lizenziert: http://www.silverstripe.com/tree-control/
Es ist nur ein Mock-up einer Dropdown-Steuerelement.
Der Pfeil nach unten ist ein Bild, der Rest besteht aus divs, die Dropdown-Liste selbst ist ein großes div mit Überlauf enthält viele Steuerelemente mit JavaScript, um all dies zu verwalten (wie einklappen Abschnitte).
So können Sie das selbst tun, mit ein wenig Arbeit und viel Hilfe von einem guten Rahmen JavaScript ...
nur hinzuzufügen, weil der, dass es sich wie Windows XP aussieht, auch wenn Sie Vista laufen. Sie waren besser ihr eigenes Drop-Down-Bild zu verwenden :) – OregonGhost
Ich bin auf XP, also habe ich nicht bemerkt ... Es ist wahrscheinlich schlimmer auf anderen Systemen! :-D – PhiLho
Im Grunde, was die Entwickler bei Monster.ca tun, emuliert eine Select-Steuerung mit einem Div-Element mit scrollbaren Inhalten.
Werfen Sie einen Blick auf die "overflow" CSS-property.
Versuchen Sie dieses, nicht sicher, ob die Schnittstelle alle gut für Ihre Zwecke ist:
- 1. Html Annotator, HTML-Konverter in Uima Ruta
- 2. HTML Einfache DOM-Ergebnis in HTML-Tabelle
- 3. HTML in eine andere HTML-Datei einfügen
- 4. wie HTML HTML-Socket in Android-Webview
- 5. Konvertieren von escaped html zurück in HTML String in Flash
- 6. Ist es in Ordnung HTML in HTML-Attribute zu setzen?
- 7. Wie HTML FORM in einfachen HTML-Code in Laravel konvertieren?
- 8. HTML in XAML konvertieren
- 9. PDF in HTML konvertieren
- 10. Zeichenbeschränkung in HTML
- 11. Wahlfreie Zeilenumbrüche in HTML?
- 12. Json in html
- 13. HTML in QMessageBox
- 14. HTML in Textfeldern zulassen
- 15. Problem Spanne in HTML
- 16. Java Einbettung in HTML
- 17. HTML Scraping in PHP
- 18. Eurozeichen in HTML
- 19. HTML-Parsing in Perl
- 20. HTML in JavaScript einbetten
- 21. Hilfedatei in HTML erstellen
- 22. in HTML-E-Mail
- 23. HTML in Jenkins Stellenbeschreibungen
- 24. Umlaufende Bilder in HTML
- 25. Flüchten in Html
- 26. HTML in iCal-Anhang
- 27. expandierende Divisionen in HTML
- 28. Suche in HTML-Tabelle
- 29. Get HTML in UITextView
- 30. Escaping HTML in Python
Das ist geschickt, ich werde das versuchen. – stimms