Detailliertes Beispiel dafür, wie JQuery den Textinhalt mehrerer Select-Tag-Optionen abruft

Dieser Artikel enthält hauptsächlich einen Artikel über JQuery, um den Textinhalt (Beispiel) mehrerer ausgewählter Tag-Optionen abzurufen. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Ändern Sie den Textwert entsprechend dem ID-Attribut der Option

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

Erhalten Sie mehrere Auswahlmöglichkeiten (verwenden Sie das Klassenattribut, die Schnittwert ist derselbe) Die Textwerte aller Optionen

$("#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 können die folgende Methode verwenden, um die abgefragten Daten anzuzeigen

$("#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 zu erhalten, besteht darin, den gesamten Text in eine Zeichenfolge zu buchstabieren und jeden zu speichern Zeichen in einer 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

Verbessern Sie das Obige, verwenden Sie ein Array-Array, um die abgefragten Daten zu speichern, und verwenden Sie eine for-Schleife, um die Daten zu verarbeiten

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
  }

Verwandte Empfehlungen:

Option tag selected="selected" Attributfehlerlösung

Java8 Vergleichsdetails zur Verwendung optionaler und nullbarer Typen in Kotlin

Analyse, wie JavaScript die ausgewählte Option in Select dynamisch festlegt

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel dafür, wie JQuery den Textinhalt mehrerer Select-Tag-Optionen abruft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!