Heim > Web-Frontend > js-Tutorial > Implementierungsmethode zum Hinzufügen, Löschen und Ändern ausgewählter Optionen in jQuery

Implementierungsmethode zum Hinzufügen, Löschen und Ändern ausgewählter Optionen in jQuery

php中世界最好的语言
Freigeben: 2018-04-23 16:44:14
Original
1837 Leute haben es durchsucht

Dieses Mal werde ich Ihnen die Implementierungsmethode von jQuery zum Hinzufügen, Löschen und Ändern der Auswahloption vorstellen. Was sind die Vorsichtsmaßnahmen zum Hinzufügen, Löschen und Ändern der Auswahloption in jQuery? Das Folgende ist ein praktischer Fall.

Das Beispiel in diesem Artikel beschreibt, wie Sie die Auswahloption mit jQuery hinzufügen, löschen hinzufügen und ändern. Geben Sie es als Referenz an alle weiter. Die Details lauten wie folgt:

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

1.

//获取Select选择的Text
var checkText=jQuery("#select_id").find("option:selected").text();
Nach dem Login kopieren

2.

//获取Select选择的option Value
var checkValue=jQuery("#select_id").val();
Nach dem Login kopieren

3.

//获取Select选择的索引值
var checkIndex=jQuery("#select_id ").get(0).selectedIndex;
Nach dem Login kopieren

4.

//获取Select最大的索引值
var maxIndex=jQuery("#select_id option:last").attr("index");
Nach dem Login kopieren

jQuery fügt das Optionselement „Auswählen“ hinzu/entfernt:

1.

//为Select追加一个Option(下拉项)
jQuery("#select_id").append("<option value=&#39;Value&#39;>Text</option>");
Nach dem Login kopieren

2.

//为Select插入一个Option(第一个位置)
jQuery("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>");
Nach dem Login kopieren

3.

//删除Select中索引值最大Option(最后一个)
jQuery("#select_id option:last").remove();
Nach dem Login kopieren

4.

//删除Select中索引值为0的Option(第一个)
jQuery("#select_id option[index='0']").remove();
Nach dem Login kopieren

5.

//删除Select中Value='3'的Option
jQuery("#select_id option[value='3']").remove();
Nach dem Login kopieren

6.

//删除Select中Text='4'的Option
jQuery("#select_id option[text='4']").remove();
Nach dem Login kopieren

Klarer Inhalt:

jQuery("#select_id").empty();
Nach dem Login kopieren

Ich glaube, dass Sie die Methode danach beherrschen Wenn Sie den Fall in diesem Artikel lesen, ist es noch spannender. Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Zusammenfassung der Methode von jQuery zur Zeitbeschaffung

Was sind die Vorsichtsmaßnahmen für ein jQuery-Versions-Upgrade

Das obige ist der detaillierte Inhalt vonImplementierungsmethode zum Hinzufügen, Löschen und Ändern ausgewählter Optionen in jQuery. 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