J'utilise la liste déroulante qui est implémentée à l'aide de JQuery-select2 version 3.5.

Je veux définir le deuxième élément sélectionné dans la liste comme $("#fieldId").prop("selectedIndex",1) à l'aide de JQuery.

C'est possible?

Merci d'avance

1
Ponnarasu 9 août 2016 à 09:05

3 réponses

Meilleure réponse
$('#fieldId').select2("val",$('#fieldId option:eq(1)').val());
/*By using eq(), the index number should be calculated from 0*/

Ou

$('#fieldId').select2("val",$('#fieldId option:nth-child(2)').val());
/*By using nth-child(), the index number should be calculated from 1*/

Cela peut être utile

3
user6800551 6 sept. 2016 à 13:36

Si vous voulez dire le menu déroulant select, cela devrait résoudre votre problème

<select>
    <option>1st item</option>
    <option selected>2nd item</option>
    <option>3rd item</option>
</select>

Modifier: vous pouvez réaliser cela comme ceci

$('select option:nth-child(2)').attr('selected', true);
0
KANAYO AUGUSTIN UG 9 août 2016 à 14:21
$('#selectId').find('option').each(function(index,element){
    if(element.value.toLowerCase().trim() == 'VAL_TO_MATCH'){
         $("#selectId").prop('selectedIndex', index).change();
    }
});
0
Harit Kumar 27 mai 2019 à 11:13