Lösung für das Problem der unvollständigen Anzeige des Inhalts der ausgewählten Dropdown-Box in HTML und der teilweisen Abdeckung
|
Heute ist mir ein Problem aufgefallen: Der Inhalt des Dropdown-Felds in der Abfrageleiste war zu lang, sodass ein Teil davon abgedeckt war. Ich habe ein paar Informationen nachgeschlagen, bei manchen wurde gesagt, man solle eine Funktionssteuerung verwenden, bei manchen eine Ereignissteuerung, manches habe ich nicht verstanden und manche waren zu kompliziert in der Umsetzung. Später fragte ich einen Kollegen, ob es ein paar einfache Methoden gäbe. Er sagte mir, ich solle das Titelattribut in die Option einfügen. Also probierte ich seine Methode aus und fand schließlich heraus, dass diese Methode funktioniert. Deshalb möchte ich es aufschreiben, damit ich es nicht vergesse. 1. Die spezifischen Beispiele sind wie folgt Code kopieren Der Code lautet wie folgt:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <Kopf> <meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" /> <title>Lösung für die unvollständige Anzeige des Inhalts ausgewählter Dropdown-Felder in HTML</title> <style type="text/css"> #Bereichsoption{ Breite: 140px; } </Stil> </Kopf> <body style="Breite: 80 %; Höhe: 100px; Textausrichtung: Mitte;"> <div id="div_auswahl"> <label for="area">Buchstaben:</label> <select id="Bereich" name="Bereich" style="width:150px;"> <option value="0">Alle</option> <option value="1" title="AAAAAAAAAAAAAAAAAAAAAAAAAAAA">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</option> <option value="2" title="BBBBBBBBBBBBBBBBBBBBBBBBBBBB">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</option> <option value="3" title="CCCCCCCCCCCCCCCCCCCCCCCCCC">CCCCCCCCCCCCCCCCCCCCCCCCCCCC</option> <option value="4" title="DDDDDDDDDDDDDDDDDDDDDDDDDD">DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD</option> <option value="5" title="EEEEEEEEEEEEEEEEEEEEEEEE">EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE</option> <option value="6" title="FFFFFFFFFFFFFFFFFFFFFFFFFFFF">FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</option> <option value="7" title="GGGGGGGGGGGGGGGGGGGGGGGGGGGGGG">GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG</option> <option value="8" title="HHHHHHHHHHHHHHHHHHHHHHHHHHHHH">HHHHHHHHHHHHHHHHHHHHHHHHHHH</option> <option value="9" title="IIIIIIIIIIIIIIIIIIIIIIIIIIIIII">IIIIIIIIIIIIIIIIIIIIIIIIIIIIII</option> </Auswählen> </div> </body> </html> 2. Beispielergebnisse  3. Dynamische Daten Code kopieren Der Code lautet wie folgt:<div id="div_auswahl"> <label for="area">Provinz:</label> <select id="Bereich" name="Bereich" style="width:150px;"> <option value="0">Alle</option> <c:forEach Elemente="${Liste}" var="Bereich"> <option value="${area.areaCode}" title="${area.areaName}">${area.areaName}</option> </c:fürJeden> </Auswählen> </div> |
>>: Implementierung des MySQL Shell import_table-Datenimports
Artikel empfehlen
So aktualisieren Sie alle Python-Bibliotheken in Ubuntu 18.04 auf einmal
Was ist Pip pip ist ein Python-Paketverwaltungsto...
Probleme bei der Ausführungsreihenfolge von AND und OR in SQL-Anweisungen
Frage Beim Schreiben von Datenbank-SQL ist mir ge...
Eine vorläufige Studie zu zusammengesetzten Primärschlüsseln und gemeinsamen Primärschlüsseln in SQL-Anweisungen
1. Zusammengesetzter Primärschlüssel Der sogenann...
VMware- und CentOS-Systeminstallationsmethode zum Zurücksetzen des Root-Passworts
Heutige Aufgaben 1. Wahl der Linux-Distribution 2...
Das Problem, dass Formularelemente und Eingabeaufforderungstext nicht ausgerichtet sind
In den letzten Projekten werden viele Formulare e...
So fügen Sie Emoji-Ausdrücke in MySQL ein
Vorwort Als ich heute ein Feedback-Formular für e...
Eine kurze Erläuterung, wie Tomcat den übergeordneten Delegationsmechanismus unterbricht
Inhaltsverzeichnis JVM-Klassenlader Tomcat-Klasse...
MySQL-Indexoptimierung: Detaillierte Einführung in die Paging-Erkundung
Inhaltsverzeichnis MySQL-Indexoptimierung – Pagin...
Detaillierte Erklärung zur Verwendung von Bussen in Vue
Vue-Busmechanismus (Bus) Zusätzlich zur Verwendun...
Beinhaltet der %-Wert im neu erstellten MySQL-Benutzer localhost?
Normale Erklärung % bedeutet, dass jeder Client e...
Zeichnen Sie den Verbindungsvorgang mit der lokalen virtuellen Linux-Maschine über SSH auf
Experimentelle Umgebung: Physische Maschine Windo...
Implementierung eines Element-Eingabefelds, das automatisch den Fokus erhält
Beim Erstellen eines Formulars in einem aktuellen...
Beschreiben Sie kurz die vier Transaktionsisolationsebenen von MySql
Isolationsstufe: Isolation ist komplizierter als ...
Detaillierte Erklärung redundanter und doppelter Indizes in MySQL
MySQL ermöglicht das Erstellen mehrerer Indizes f...
Entpackte Version der MySQL-Installation und aufgetretene Fehler und Lösungen
1 Installation Laden Sie die entsprechende entpac...