Maison > interface Web > js tutoriel > le corps du texte

Exemple détaillé de JQuery obtenant le contenu textuel de plusieurs options de balises de sélection

小云云
Libérer: 2017-12-29 10:14:04
original
1477 Les gens l'ont consulté

Cet article vous propose principalement un article sur JQuery pour obtenir le contenu texte (exemple) de plusieurs options de balises de sélection. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Selon l'attribut id de l'option, modifiez la valeur du texte


$("#sel_p .select_class option[id='-选择省-']").text(data.province).attr("selected",true);
 $("#sel_p .select_class option[id='-选择市-']").text( data.city).attr("selected",true);
 $("#sel_p .select_class option[id='-选择区-']").text( data.area).attr("selected",true);
 $("#sel_p .select_class option[id='-选择街-']").text( data.street).attr("selected",true);
Copier après la connexion

Obtenez plusieurs sélections (utilisez l'attribut class, le la valeur de coupe est la même) Les valeurs de texte de toutes les options


$("#sel_p .select_class option").each(function(){ //遍历所有option标签

   var text = $(this).text(); //获取option的text
   alert(text);//显示的是当前这个option的text值
   if(txt == "选择省")
     $("#sel_p .select_class option[id='-选择省-']").text(data.province).attr("selected",true);
   if(txt == "选择市")
     $("#sel_p .select_class option[id='-选择市-']").text( data.city).attr("selected",true);
   if(txt == "选择区")
     $("#sel_p .select_class option[id='-选择区-']").text( data.area).attr("selected",true);
  if(txt == "选择街")
     $("#sel_p .select_class option[id='-选择街-']").text( data.street).attr("selected",true);

 });
Copier après la connexion

S'il n'y a pas de relation en cascade dans la sélection, alors toutes les options ont été chargées, et vous pouvez utiliser la méthode suivante pour afficher les données interrogées


$("#sel_p .select_class option[id="+data.province+"]").attr("selected",true);
$("#sel_p .select_class option[id="+data.city+"]").attr("selected",true);
$("#sel_p .select_class option[id="+data.area+"]").attr("selected",true);
$("#sel_p .select_class option[id="+data.street+"]").attr("selected",true);
Copier après la connexion

Une autre façon d'obtenir toutes les options équivaut à épeler tout le texte dans une chaîne et à les stocker chacun caractère dans une carte


var map = $("#sel_p .select_class option").map(function(){

    alert($(this).text());//显示单个option的text  text1

    return $(this).text();
  }).get().join(",");

alert(map);//显示的是 text1,text2,text3
alert(map[0]);//显示 t
Copier après la connexion

Améliorez ce qui précède, utilisez un tableau pour stocker les données interrogées et utilisez la boucle for pour exploiter les données


var array = new Array();
  $("#leaf .form-control option").map(function(){
    array.push($(this).text());
  })
  for(var i = 0; i < array.length; i ++ ){
    alert(array[i]);//显示每个option的text  text1,text2,text3
  }
Copier après la connexion

Recommandations associées :

Option tag selected="selected" solution d'échec d'attribut

Java8 Détails de comparaison de l'utilisation des types facultatifs et nullables dans Kotlin

Analyse de la façon dont JavaScript définit dynamiquement l'option sélectionnée dans Select

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!

É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