Maison > interface Web > js tutoriel > Code d'implémentation Js pour obtenir la valeur et le texte de l'élément sélectionné dans la liste déroulante box_javascript skills

Code d'implémentation Js pour obtenir la valeur et le texte de l'élément sélectionné dans la liste déroulante box_javascript skills

WBOY
Libérer: 2016-05-16 16:58:20
original
1292 Les gens l'ont consulté

Js propose deux méthodes pour obtenir la valeur et le texte de la liste déroulante : Mais certaines personnes sont très irresponsables. Elles n'ont pas pris en compte les erreurs causées par les différences entre les navigateurs, ce qui a amené de nombreux novices à le comprendre pendant longtemps. temps et incapable de trouver l'erreur!

Ci-dessous, je résume comment obtenir la valeur et le texte de l'élément sélectionné dans la liste déroulante sous Firefox et IE :

1. Méthodes prises en charge par IE et Firefox :
Obtenir le texte

Copier le code Le code est le suivant :

var obj=document.getElementById('select_template');
var text=obj.options[obj.selectedIndex].text;//Get text

var obj=document.getElementById("select_template");
for(i=0;i if(obj [i].selected==true) {
        var text=obj[i].text;//Get text
      }
}


Par rapport à la précédente La méthode est relativement simple

2. IE supporte Firefox mais pas :
Copier le code Codez comme suit :

var obj=document.getElementById(name);

for(i=0;i if(obj[i].selected==true) {
var text= obj[i].innerText
}
>


La méthode d'obtention de la valeur est commune à IE et Firefox :
var value=document.getElementById("select_template").value;//Obtention de la valeur

Résumé : En fait, la raison principale est que IE et Firefox prennent en charge les attributs value et text, mais Firefox ne prend pas en charge l'attribut innerText.

Js implémente l'ouverture d'un nouveau lien sur la page actuelle :
window.location.href=url;

É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