Ausführliche Erläuterung der JQuery-Operationsauswahl (einschließlich Hinzufügen, Löschen, Löschen, Wertübernahme usw.)

1. Wählen Sie das Element mit dem Wert pxx aus eckige Klammer hier Zur Verwendung wird dem Gleichheitszeichen in eckigen Klammern der Name Attribut

ohne Anführungszeichen vorangestellt. Oftmals kann die Verwendung von eckigen Klammern die Logik sehr vereinfachen.

$(".selector").val("pxx");

3. Den Wert des aktuell ausgewählten Elements abrufen

$(".selector").find("option[text='pxx']").attr("selected",true);

4. Den Text des aktuell ausgewählten Elements abrufen

Der Doppelpunkt wird hier verwendet. Wenn Sie die Verwendung beherrschen und Rückschlüsse aus einem Beispiel ziehen, wird der Code auch einfacher.

$(".selector").val();

Die Kaskade von Auswahlen wird häufig verwendet, das heißt, der Wert der zweiten Auswahl ändert sich mit dem Wert, der von der ersten Auswahl ausgewählt wurde. Dies ist in

jquery

$(".selector").find("option:selected").text();

sehr einfach.

jQuery ruft den durch Auswählen ausgewählten Text und Wert ab:

Syntaxerklärung:

jQuery legt den durch Auswählen ausgewählten Text und Wert fest:

Syntaxerklärung:

$(".selector1").change(function(){
     // 先清空第二个
      $(".selector2").empty();
     // 实际的应用中，这里的option一般都是用循环生成多个了
      var option = $("<option>").val(1).text("pxx");
      $(".selector2").append(option);
});

jQuery hinzufügen/

$("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发
var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
var checkValue=$("#select_id").val();  //获取Select选择的Value
var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值

Löschen

Optionselement von Select:
Syntaxerklärung:

$("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
$("#select_id ").val(4);   // 设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

jQuery-Radiowert, Kontrollkästchenwert, Wert auswählen , Radio ausgewählt, Kontrollkästchen ausgewählt, Auswahl ausgewählt und verwandte

Den Wert einer Reihe von per Radio ausgewählten Elementen abrufen var item = $('input[name=items][checked]').val( ); Erhalten Sie den Text des ausgewählten Elements in select
var item = $("select[name=items] option[selected]").text();

Das zweite Element des Auswahl-Dropdowns box ist Der aktuell ausgewählte Wert

$("#select_id").append("<option value=&#39;Value&#39;>Text</option>");  //为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>");  //为Select插入一个Option(第一个位置)
$("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)
$("#select_id option[index=&#39;0&#39;]").remove();  //删除Select中索引值为0的Option(第一个)
$("#select_id option[value=&#39;3&#39;]").remove();  //删除Select中Value=&#39;3&#39;的Option
$("#select_id option[text=&#39;4&#39;]").remove();  //删除Select中Text=&#39;4&#39;的Option

$('#select_id')[0].selectedIndex = 1;

Das zweite Element der Radioauswahlgruppe ist der aktuell ausgewählte Wert
$('input[name =items]' ).get(1).checked = true;
Wert abrufen:
Textfeld, Textbereich: $("#txt").attr("value"); Kästchen-Kontrollkästchen: $ ("#checkbox_id").attr("value");
Radio-Auswahlgruppe radio: $("input[type=radio][checked]").val(); Feldauswahl: $( '#sel').val();
Steuerelementformularelemente:
Textfeld, Textbereich: $("#txt").attr("value",''); //Inhalt löschen
$("#txt").attr("value",'11');//Inhalt füllen
Kontrollkästchen für Mehrfachauswahlfelder: $("#chk1").attr("checked ",''); //Unchecked
$("#chk2").attr("checked",true);//Checked
if($("#chk1").attr('checked' )== undefiniert) //Bestimmen Sie, ob es überprüft wurde
Radio-Gruppe radio: $("input[type=radio]").attr("checked",'2');//Legen Sie das Element mit Wert fest =2 als aktuelles ausgewähltes Element
Dropdown-Box auswählen: $("#sel").attr("value",'-sel3');//Legen Sie das Element mit value=-sel3 als aktuell fest ausgewähltes Element
$("b92998c993be3dcd4e344a38ba98517711114afa15d3069109ac30911f04c56f33382eae82d737bc394734fed6d77327bb5322224afa15d3069109ac30911f04c56f3338").appendTo("#sel")// Fügen Sie die Option des Dropdown-Felds
$( "#sel").empty(); //Löschen Sie das Dropdown-Feld
hinzu

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der JQuery-Operationsauswahl (einschließlich Hinzufügen, Löschen, Löschen, Wertübernahme usw.). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!