Maison > interface Web > js tutoriel > Exemple d'analyse de l'événement déclencheur de sélection de la liste déroulante de sélection basé sur jQuery

Exemple d'analyse de l'événement déclencheur de sélection de la liste déroulante de sélection basé sur jQuery

高洛峰
Libérer: 2016-12-28 10:32:19
original
1853 Les gens l'ont consulté

L'exemple de cet article décrit la méthode d'implémentation de sélection des événements déclencheurs dans la liste déroulante de sélection basée sur jQuery. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

J'ai toujours cru qu'en sélectionnant la liste déroulante pour sélectionner les options, vous pouvez utiliser onclick pour enregistrer l'événement, comme suit :

<select>
  <option value="0" onclick="func(0)">选项一</option>
  <option value="1" onclick="func(1)">选项二</option>
</select>
Copier après la connexion

Il y en a un aujourd'hui. L'exigence est de créer un menu lié, c'est-à-dire qu'à chaque fois que je clique, la liste déroulante adjacente changera automatiquement. Je pensais que tout allait bien, le clic a commencé

. , j'ai donc suivi l'itinéraire ci-dessus. Le client a également dit qu'IE8 doit le prendre en charge, j'y pense, le noyau IE de XP ne peut être mis à niveau que vers IE8. Maintenant, de nombreux utilisateurs sont encore réticents à abandonner XP, mais c'est le cas. prend en charge onclick. Je l'ai essayé sous ff et il n'y a eu aucun problème. Mais après être passé à IE8, laissez-moi vous dire, aucune réaction.

Ensuite, j'ai recherché des informations provenant de diverses sources. Il s'avère que l'événement select est enregistré sur sa propre étiquette, non pas onclick, mais onchange. La sous-balise n'est pas valide pour les navigateurs de version inférieure, et ce n'est pas le cas. une manière d’écrire formelle et standard.

<select onchange="func()>
  <option value="0" >选项一</option>
  <option value="1" >选项二</option>
</select>
Copier après la connexion

D'accord, voici à nouveau la question, que dois-je faire avec les paramètres que j'ai transmis ? Comment recevoir les paramètres
Ce n'est pas un problème, jQuery vous donnera la réponse

function func(){
 //获取被选中的option标签
 var vs = $(&#39;select option:selected&#39;).val();
}
Copier après la connexion

Bien sûr, il est préférable d'ajouter un identifiant au select ici pour éviter toute confusion, ok, le problème est résolu, je ne vais pas me faire connaître, haha. . .

J'espère que cet article sera utile à tous ceux qui programment jQuery.

Pour plus d'analyses d'instances d'événements de déclenchement de sélection de boîtes déroulantes basées sur jQuery et d'articles connexes, veuillez faire attention au site Web PHP chinois !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal