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

Comment développer la balise select par défaut en javascript

PHPz

Libérer： 2023-04-25 19:00:27

original

2942 Les gens l'ont consulté

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 :

#🎜🎜 #

Derniers articles par auteur