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

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);

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);

 });

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);

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

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
  }

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!