Exemple simple de JS obtenant la valeur des compétences de zone de texte, de zone déroulante et de bouton radio_javascript

1. Zone de texte

1.1

Attribuez la valeur à la variable t via var t=document.getElementById("test").value,

1.2 Bien entendu, vous pouvez également attribuer des valeurs de variables connues​​à la zone de texte à l'envers, par exemple :

var m = "5";
document.getElementById("test").value= m;

2. Zone de liste déroulante

2.1

11
22
33

Récupérez la valeur sélectionnée dans la zone via var s=document.getElementById("sel").value L'option value="2" est sélectionnée par défaut ici, donc la valeur attribuée à la variable s est. "2", au lieu de "22",

Si vous souhaitez attribuer la "valeur texte" ("33") correspondant à la "valeur" sélectionnée dans

telle que "3" à la zone de texte de test, vous pouvez utiliser la méthode suivante,

Copier le code Le code est le suivant :

2.2 Comparez la valeur donnée avec la valeur dans la zone , si la valeur de Si les valeurs données sont les mêmes, sélectionnez-la.

Copier le code

Le code est le suivant :var m = "2", for(var i = 0;i                                                                                                        >                                                                                                    ​🎜>                                                                                                                             Chapiteau

La valeur de l'attribut de nom d'une rangée de cases de boutons radio doit être la même, afin que la sélection radio puisse être réalisée.

Copier le code


Le code est le suivant :

aaaaaaaaaa

bbbbbbbbb

Js obtient la valeur et la somme de l'élément sélectionné dans la liste déroulante Texte

Récupérez 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;//Obtenir le texte

var obj=document.getElementById("select_template");

for(i=0;i

if(obj[i].selected==true) {

var text=obj[i].text;//Obtenir le texte

🎜>}

Par rapport à la méthode précédente, les deux sont plus simples
1. IE prend en charge Firefox mais pas :

Copier le code Le code est le suivant :

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;