In HTML wird das Element
Implementierungsmethode:
1 Verwenden Sie das Autofokus-Attribut von HTML5
Der einfachste Weg ist die Verwendung des Autofokus-Attributs von HTML5. Dieses Attribut kann den Fokus automatisch auf das angegebene Eingabefeld, die Schaltfläche, die Dropdown-Liste und andere Elemente setzen, nachdem die Seite geladen wurde. Damit ein
<select autofocus> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select>
2. Verwenden Sie JavaScript-Code
Wenn wir das
<select id="mySelect">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<script>
document.getElementById('mySelect').size = document.getElementById('mySelect').length;
</script>Der obige Code erweitert die Dropdown-Liste automatisch, indem er ihre Größe (Größe) auf die Anzahl der Optionen (Länge) festlegt. Natürlich können Sie auch andere Methoden verwenden, um den gleichen Effekt zu erzielen, z. B. das Festlegen des Optionsattributs oder die Verwendung von CSS-Stilen usw.
3. Erweitern Sie
Manchmal müssen wir
<select id="mySelect">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<script>
document.getElementById('mySelect').addEventListener('click', function() {
this.size = this.length;
});
</script>Der obige Code lauscht über die Methode addEventListener() auf das Klickereignis von
Hinweis:
Obwohl die Verwendung von JavaScript-Code die Erweiterung von
#🎜🎜 #
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
