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

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

1315 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();

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();

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;

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')

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');

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) {

//寫入程式碼

});