Eine vollständige Sammlung von JQuery-Vorgangsauswahlinstanzen

Dieser Artikel fasst die jQuery zusammen, um den durch Auswählen ausgewählten Text und Wert zu erhalten; jQuery zum Hinzufügen/Löschen der Auswahloperation des Optionselements von Auswählen, der Methode zum Erzielen eines Werts und Zuordnung sowie die Einstellung der Auswahlmethoden und entsprechende Erläuterungen gegeben.

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

$("#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最大的索引值 jQuery设置Select选择的Text和Value:

$("#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 fügt das Optionselement von Auswählen hinzu/löscht es:

Grammatikerklärung:

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

jquery implementiert die Wertesammlung und -zuweisung des Auswahl-Dropdown-Felds und legt die ausgewählte Methode fest.

Zum Beispiel

1. Setzen Sie das Element mit dem Wert auf pxx, um

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

<🎜 auszuwählen >2 . Wählen Sie das Element aus, dessen Text auf pxx eingestellt ist. Dem Gleichheitszeichen in den eckigen Klammern wird das Attribut

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

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

3. Den Wert des aktuell ausgewählten Elements abrufen

4. Den Text des aktuell ausgewählten Elements abrufen

Hier wird der Doppelpunkt verwendet. Die Beherrschung seiner Verwendung und das Ziehen von Schlussfolgerungen aus einem Beispiel wird den Code auch einfacher machen.

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

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

Das ist in jquery sehr einfach.

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

Bestimmen Sie, ob in der Auswahloption ein Element mit Value="paraValue" vorhanden ist.

Fügen Sie ein Element zur Auswahloption hinzu.
Löschen Sie ein Element aus der Auswahloption.
Löschen Sie das In der Auswahloption ausgewähltes Element Elemente

Ändern Sie den Text von value="paraValue" in der Auswahloption in "paraText"

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

Legen Sie das erste Element von text="paraText" in der Auswahl fest, das ausgewählt werden soll

Setzen das Element von value="paraValue" in der Auswahl. Für Auswahl
Den Wert des aktuell ausgewählten Elements von select abrufen
Den Text des aktuell ausgewählten Elements von select abrufen
Den Index des aktuell ausgewählten Elements abrufen oder wählen Sie
Löschen Sie das ausgewählte Element

Das obige ist der detaillierte Inhalt vonEine vollständige Sammlung von JQuery-Vorgangsauswahlinstanzen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!