Comment développer la balise select par défaut en javascript-Questions et réponses frontales-php.cn

En HTML, l'élément

Méthode d'implémentation :

1. Utilisez l'attribut autofocus de HTML5

Le moyen le plus simple est d'utiliser l'attribut autofocus de HTML5. Cet attribut peut automatiquement définir le focus sur la zone de saisie, le bouton, la liste déroulante et d'autres éléments spécifiés après le chargement de la page. Pour développer automatiquement un élément nos besoins. Pour le moment, nous pouvons utiliser du code JavaScript pour y parvenir. Le code est le suivant :

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

Copier après la connexion

Le code ci-dessus agrandit automatiquement la liste déroulante en définissant sa taille (taille) à son nombre d'options (longueur). Bien entendu, vous pouvez également utiliser d'autres méthodes pour obtenir le même effet, comme la définition de l'attribut options ou l'utilisation de styles CSS, etc.

3. Développez une certaine valeur remplit la condition. À l’heure actuelle, nous devons utiliser du code JavaScript pour fonctionner. Le code est le suivant :

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

Copier après la connexion

Le code ci-dessus écoute l'événement click de , nous devons prêter attention à certains détails :

#🎜🎜 #

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours