Comment puis-je modifier par programme la valeur sélectionnée d'une liste déroulante à l'aide de jQuery ?

Modification de la valeur d'une liste déroulante avec jQuery

Dans le développement Web, il est souvent nécessaire de manipuler dynamiquement les éléments de formulaire à l'aide de frameworks JavaScript comme jQuery. Une tâche courante consiste à mettre à jour la valeur sélectionnée d'une liste déroulante.

Sélection de l'élément

À l'aide des puissants sélecteurs de jQuery, vous pouvez facilement cibler la liste déroulante par sa classe CSS. Dans ce cas, il s'agit de ._statusDDL.

Définition de la valeur

Pour définir la valeur de la liste déroulante, utilisez la méthode .val(). Cependant, contrairement au JavaScript classique dans lequel vous définissez la propriété .value, la méthode .val() de jQuery attend une valeur de chaîne.

Résoudre un problème

Initialement, l'approche .val(2) n'a pas ça ne marche pas pour toi. En effet, la méthode .val() de jQuery n'effectue pas la propagation des modifications comme le fait le JavaScript classique lors de la définition directe de la propriété .value.

Pour garantir que la modification se propage correctement, ajoutez .change() au . Appel de méthode val(), comme le montre le code suivant :

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

Cette combinaison met à jour avec succès la valeur sélectionnée de la liste déroulante dans le frontend et le backend scénarios.

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!