Maison  >  Article  >  interface Web  >  JQuery obtient le contenu textuel de plusieurs options de balises de sélection (exemple)

JQuery obtient le contenu textuel de plusieurs options de balises de sélection (exemple)

韦小宝
韦小宝original
2018-01-25 11:06:351876parcourir

L'éditeur ci-dessous vous apportera un article JQuery pour obtenir le contenu texte (exemple) de plusieurs options de balises de sélection. L'éditeur pense que c'est plutôt bien, alors maintenant je vais partager le code source de jquery avec vous et le donner comme référence. Si jquery vous intéresse, venez suivre l'éditeur pour y jeter un œil

Selon l'identifiant de l'optionattribut, 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);

pour obtenir plusieurs sélections (utilisez l'attribut class, la valeur texte de toutes les options sous la même valeur)

$("#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);

 });

S'il n'y a pas de relation en cascade dans la sélection, alors toutes les options ont été chargées, et vous peut utiliser la méthode suivante pour afficher la requête Les données qui sortent

$("#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);

Une autre façon d'obtenir toutes les options équivaut à épeler tout le texte dans un string et le stockage de chaque caractère dans la 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

est amélioré sur la base de ce qui précède, en utilisant array array pour stocker les données interrogées, et en utilisant for boucle 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
  }

Le JQuery ci-dessus pour obtenir le contenu textuel (exemple) de plusieurs options de balises de sélection est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence. ! !

Recommandations associées :

Résumé des méthodes de fonctionnement des nœuds DOM dans jQuery

Boîte déroulante modifiable bootstrap jquery.editable -sélectionnez Explication détaillée des exemples

JS, jQuery et easyui implémentent l'affectation désignée des listes déroulantes Partage d'exemples

.

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!

Déclaration:
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