Explication détaillée de la façon d'obtenir la valeur de la balise select dans js

Comment obtenir la valeur de la balise select en utilisant js ? Dans cet article, nous partagerons avec vous la méthode pour obtenir la valeur de la balise select en js. Nous espérons que cela pourra vous aider.

var obj = document.getElementByIdx_x(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值

Obtenir la valeur de sélection sélectionnée dans jQuery

Premier Une voie

$(‘#testSelect option:selected’).text();//选中的文本
$(‘#testSelect option:selected’) .val();//选中的值
$(“#testSelect “).get(0).selectedIndex;//索引

La deuxième voie

$(“#tesetSelect”).find(“option:selected”).text();//选中的文本 
…….val(); 
…….get(0).selectedIndex;

Si la balise select a un attribut id, tel que
...
, utilisez la méthode suivante pour récupère l'option actuelle Value :
var v = xx.value; ou
var v = document.getElementById("xx").value; //Cette méthode a une bonne compatibilité

Si la balise select a un attribut de nom, tel que
...
, utilisez la méthode suivante pour obtenir la valeur de l'option actuelle :
var v = form1 .xx.value;
ou
var v = document.getElementsByName("xx")[0].value
Si la même page contient plusieurs balises avec le même attribut de nom, les nombres entre [0]. ] ci-dessus doit être remplacé par le numéro de commande physique correspondant (en comptant à partir de 0)

Si la balise select ne contient aucun attribut pouvant être positionné, tel que ...
, utilisez la méthode suivante pour obtenir la valeur de l'option actuelle :
var v = document.getElementsByTagName("select")[0].value;

If la même page contient plusieurs balises de sélection, le numéro entre [0] ci-dessus doit être modifié. Pour le numéro de séquence physique correspondant (en comptant à partir de 0)

Pour les balises de sélection suivantes, la manière pour obtenir la valeur de la sélection actuelle est la suivante :

text1 text2

code :
One : méthode native javascript

1:拿到select对象： var myselect=document.getElementById(“test”); 
2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 
3:拿到选中项options的value： myselect.options[index].value; 
4:拿到选中项options的text： myselect.options[index].text;

Deux : méthode jquery (à condition qu'elle ait été chargée de la bibliothèque jquery)

1:var options=$(“#test option:selected”);  //获取选中的项
2:alert(options.val());   //拿到选中项的值
3:alert(options.text());   //拿到选中项的文本
var obj = document.getElementByIdx_x(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值

Obtenir la valeur de sélection sélectionnée dans jQuery

La première façon

$(‘#testSelect option:selected’).text();//选中的文本
$(‘#testSelect option:selected’) .val();//选中的值
$(“#testSelect “).get(0).selectedIndex;//索引

La deuxième voie

$(“#tesetSelect”).find(“option:selected”).text();//选中的文本 
…….val(); 
…….get(0).selectedIndex;

Si la balise select a un attribut id, tel que ...
alors utilisez la méthode suivante pour obtenir la valeur de l'option actuelle :
var v = xx.value;
ou
var v = document.getElementById("xx").value; //Cette méthode a une bonne compatibilité

Si la balise select a un attribut de nom, tel comme
...
, utilisez la méthode suivante pour obtenir la valeur de l'option actuelle :
var v = form1.xx .value
ou
var v = document; .getElementsByName("xx")[0].value;
Si la même page contient plusieurs balises avec le même attribut de nom, alors le nombre entre [0] ci-dessus Pour passer au numéro de séquence physique correspondant (en comptant à partir de 0)

Si la balise select ne contient aucun attribut de positionnement, tel que ...
, utilisez la méthode suivante Obtenez la valeur de l'option actuelle :
var v = document.getElementsByTagName("select")[0].value;

Si la même page contient plusieurs balises de sélection, alors ce qui précède [ Les nombres en 0] doivent être remplacé par les numéros de séquence physique correspondants (en comptant à partir de 0)

Pour les balises de sélection suivantes, la façon d'obtenir la valeur de la sélection actuelle est la suivante :

text1 text2

code :
Un : méthode native javascript

1:拿到select对象： var myselect=document.getElementById(“test”); 
2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 
3:拿到选中项options的value： myselect.options[index].value; 
4:拿到选中项options的text： myselect.options[index].text;

Deux : Méthode jquery (à condition que la bibliothèque jquery ait été chargée)

1:var options=$(“#test option:selected”);  //获取选中的项
2:alert(options.val());   //拿到选中项的值
3:alert(options.text());   //拿到选中项的文本

Recommandations associées :

Configurer un résumé des méthodes courantes pour obtenir Select

jQuery ou Js pour obtenir la valeur ou le texte sélectionné

Analyse de la méthode d'obtention de la valeur select en javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!