Comment puis-je sélectionner une valeur spécifique dans une liste déroulante à l'aide de jQuery ?

Sélection d'une valeur spécifique dans une liste déroulante avec jQuery

Vous êtes confronté à un problème pour définir la valeur d'une liste déroulante liste en utilisant jQuery. Pendant que votre exemple JavaScript utilisant document.getElementById() et .value fonctionne, vous devez utiliser jQuery en raison de contraintes de sélection basées sur les classes.

Méthode .val() de jQuery pour les listes déroulantes

La méthode .val() de jQuery sert à plusieurs fins. Selon la documentation, il récupère et attribue des valeurs aux éléments. Dans le cas de listes déroulantes, il vérifie ou sélectionne les options en fonction des valeurs fournies.

Solution :

Pour sélectionner une valeur particulière dans une liste déroulante , vous pouvez utiliser .val() comme suit :

$("._statusDDL").val('2');

Cela attribuera la valeur « 2 » à la liste déroulante. Cependant, pour refléter visuellement le changement dans le front-end, vous pouvez ajouter .change() après .val() :

$("._statusDDL").val('2').change();

Résoudre l'erreur « Index non valide »

Après avoir ajusté votre code comme suggéré, vous avez rencontré une erreur « Index invalide ». Cela est probablement dû à l'utilisation d'Internet Explorer 6. Notes de documentation de jQuery :

Dans IE6/7, select-one ne peut pas être modifié à l'aide du préfixe « i » pour les documents HTML 4 ou les types de contenu déclarés comme text/html.

Pour résoudre ce problème , assurez-vous que votre document est déclaré au format XHTML et que vous utilisez le préfixe approprié. De plus, vous pouvez essayer d'utiliser .prop('selectedIndex', 2) ou .prop('value', '2') pour définir respectivement l'index ou la valeur sélectionnée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!