Heim > Web-Frontend > js-Tutorial > Hauptteil

JQuery ruft den Textinhalt mehrerer Select-Tag-Optionen ab (Beispiel)

韦小宝
Freigeben: 2018-01-25 11:06:35
Original
1866 Leute haben es durchsucht

Der folgende Editor bringt Ihnen einen Artikel JQuery, um den Textinhalt (Beispiel) mehrerer ausgewählter Tag-Optionen zu erhalten. Der Herausgeber findet es ziemlich gut, deshalb teile ich jetzt den JQuery-Quellcode mit Ihnen und gebe ihn als Referenz. Wenn Sie an Jquery interessiert sind, folgen Sie dem Editor, um einen Blick darauf zu werfen

Ändern Sie den Textwert entsprechend der ID der Option Attribut

$("#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);
Nach dem Login kopieren

um mehrere Auswahlen zu erhalten (Verwenden Sie das Klassenattribut, den Textwert aller Optionen unter demselben Wert)

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

 });
Nach dem Login kopieren

Wenn in der Auswahl keine kaskadierende Beziehung vorhanden ist, wurden alle Optionen geladen und Sie Sie können die folgende Methode verwenden, um die -Abfrage anzuzeigen: Die ausgegebenen Daten

$("#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);
Nach dem Login kopieren

Eine andere Möglichkeit, alle Optionen abzurufen, besteht darin, den gesamten Text in ein zu buchstabieren string und das Speichern jedes Zeichens in der Karte

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
Nach dem Login kopieren

wird auf der Grundlage des oben Gesagten verbessert, indem array array zum Speichern der abgefragten Daten verwendet wird und für verwendet wird Schleife zum Bearbeiten der Daten

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
  }
Nach dem Login kopieren

Die obige JQuery zum Abrufen des Textinhalts (Beispiel) mehrerer Select-Tag-Optionen ist der gesamte vom Editor freigegebene Inhalt. Ich hoffe, sie kann Ihnen eine Referenz geben ! !

Verwandte Empfehlungen:

Zusammenfassung der DOM-Knoten-Betriebsmethoden in jQuery

Bootstrap-bearbeitbares Dropdown-Feld jquery.editable -Ausführliches Beispiel auswählen

JS, jQuery und easyui realisieren die angegebene Zuweisung der Drop-Down-Box-Beispielfreigabe

Das obige ist der detaillierte Inhalt vonJQuery ruft den Textinhalt mehrerer Select-Tag-Optionen ab (Beispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage