So stellen Sie sicher, dass das Select-Tag in Javascript standardmäßig erweitert wird-Front-End-Fragen und Antworten-php.cn

In HTML wird das Element -Element erweitern.

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 -Element erweitern müssen, wird das Autofokus-Attribut möglicherweise nicht erreicht unsere Bedürfnisse. Derzeit können wir JavaScript-Code verwenden, um dies zu erreichen. Der Code lautet wie folgt:

<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>

Nach dem Login kopieren

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 unter bestimmten Bedingungen erweitern, z. B. wenn ein Ereignis ausgelöst wird Ein bestimmter Wert erfüllt die Bedingung. Zu diesem Zeitpunkt müssen wir für den Betrieb JavaScript-Code verwenden. Der Code lautet wie folgt:

<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>

Nach dem Login kopieren

Der obige Code lauscht über die Methode addEventListener() auf das Klickereignis von -Elementen leicht implementieren kann, müssen wir auf einige Details achten:

#🎜🎜 #

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse