Maison > interface Web > js tutoriel > le corps du texte

Résumé de l'opération de sélection JQuery (liste déroulante) METHODS_jquery

WBOY
Libérer: 2016-05-16 16:04:00
original
1289 Les gens l'ont consulté

1. Obtenez les éléments sélectionnés :
Obtenir la valeur de l'élément sélectionné :

Copier le code Le code est le suivant :

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

ou
Copier le code Le code est le suivant :

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

Obtenez la valeur Texte de l'élément sélectionné :
Copier le code Le code est le suivant :

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

ou
Copier le code Le code est le suivant :

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

2. Obtenez la valeur d'index de l'élément actuellement sélectionné :
Copier le code Le code est le suivant :

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

3. Obtenez la valeur d'index maximale de l'option actuelle :
Copier le code Le code est le suivant :

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

4. Obtenez la longueur de DropdownList :
Copier le code Le code est le suivant :

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

ou
Copier le code Le code est le suivant :

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

5. Définissez la première option comme valeur sélectionnée :
Copier le code Le code est le suivant :

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

ou
Copier le code Le code est le suivant :

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

6. Définissez la dernière option comme valeur sélectionnée :
Copier le code Le code est le suivant :

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

7. Définissez n'importe quelle option comme valeur sélectionnée en fonction de la valeur d'index :
Copier le code Le code est le suivant :

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

8. Définissez l'option avec Value=4 comme valeur sélectionnée :
Copier le code Le code est le suivant :

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

ou
Copier le code Le code est le suivant :

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

9.   刪除Value=3的option:
複製程式碼 程式碼如下:

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

10.刪除第幾個option:
複製程式碼 程式碼如下:

$(" select#sel option ").eq(索引值).remove();索引值=0,1,2....

如刪除第3個Radio:
複製程式碼 程式碼如下:

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

11.刪除第一個option:
複製程式碼 程式碼如下:

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


複製程式碼 程式碼如下:

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

12. 刪除最後一個option:
複製程式碼 程式碼如下:

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

13. 刪除dropdownlist:
複製程式碼 程式碼如下:

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

14.在select後面加上一個option:
複製程式碼 程式碼如下:

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

15. 在select前面加上一個option:
複製程式碼 程式碼如下:

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

16. 遍歷option:
複製程式碼 程式碼如下:

$(' select#sel option ').each(function (index, domEle) {
//寫入程式碼
});
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal