Heim >Web-Frontend >js-Tutorial >Zusammenfassung der JQuery-Auswahloperation (Dropdown-Feld) „methods_jquery'.

Zusammenfassung der JQuery-Auswahloperation (Dropdown-Feld) „methods_jquery'.

WBOY
WBOYOriginal
2016-05-16 16:04:001309Durchsuche

1. Ausgewählte Artikel abrufen:
Erhalten Sie den Wert des ausgewählten Elements:

Code kopieren Der Code lautet wie folgt:

$('select#sel option:selected').val();

oder
Code kopieren Der Code lautet wie folgt:

$('select#sel').find('option:selected').val();

Rufen Sie den Textwert des ausgewählten Elements ab:
Code kopieren Der Code lautet wie folgt:

$('select#seloption:selected').text();

oder
Code kopieren Der Code lautet wie folgt:

$('select#sel').find('option:selected').text();

2. Rufen Sie den Indexwert des aktuell ausgewählten Elements ab:
Code kopieren Der Code lautet wie folgt:

$('select#sel').get(0).selectedIndex;

3. Ermitteln Sie den maximalen Indexwert der aktuellen Option:
Code kopieren Der Code lautet wie folgt:

$('select#sel option:last').attr("index")

4. Ermitteln Sie die Länge der Dropdown-Liste:
Code kopieren Der Code lautet wie folgt:

$('select#sel')[0].options.length;

oder
Code kopieren Der Code lautet wie folgt:

$('select#sel').get(0).options.length;

5. Legen Sie die erste Option als ausgewählten Wert fest:
Code kopieren Der Code lautet wie folgt:

$('select#sel option:first').attr('selected','true')

oder
Code kopieren Der Code lautet wie folgt:

$('select#sel')[0].selectedIndex = 0;

6. Legen Sie die letzte Option als ausgewählten Wert fest:
Code kopieren Der Code lautet wie folgt:

$('select#sel option:last).attr('selected','true')

7. Legen Sie eine beliebige Option als ausgewählten Wert basierend auf dem Indexwert fest:
Code kopieren Der Code lautet wie folgt:

$('select#sel')[0].selectedIndex =Indexwert; Indexwert=0,1,2....

8. Stellen Sie die Option mit Wert=4 als ausgewählten Wert ein:
Code kopieren Der Code lautet wie folgt:

$('select#sel').attr('value','4');

oder
Code kopieren Der Code lautet wie folgt:

$("select#sel option[value='4']").attr('selected', 'true');

9. Option Supprimer avec Valeur=3 :
Copier le code Le code est le suivant :

$("select#sel option[value='3']").remove();

10. Quelle option supprimer :
Copier le code Le code est le suivant :

$(" select#sel option ").eq(index value).remove(); valeur d'index=0,1,2....

Si vous souhaitez supprimer la 3ème Radio :
Copier le code Le code est le suivant :

$(" select#sel option ").eq(2).remove();

11. Supprimez la première option :
Copier le code Le code est le suivant :

$(" select#sel option ").eq(0).remove();

ou
Copier le code Le code est le suivant :

$("select#sel option:first").remove();

12. Supprimez la dernière option :
Copier le code Le code est le suivant :

$("select#sel option:last").remove();

13. Supprimer la liste déroulante :
Copier le code Le code est le suivant :

$("select#sel").remove();

14. Ajoutez une option après avoir sélectionné :
Copier le code Le code est le suivant :

$("select#sel").append("");

15. Ajoutez une option devant select :
Copier le code Le code est le suivant :

$("select#sel").prepend("");

16. Options de traversée :
Copier le code Le code est le suivant :

$('select#sel option').each(function (index, domEle) {
//Écrire le code
});
Stellungnahme:
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