Cibler un formulaire de widget Wordpress spécifique avec jQuery

Question

Je développe un nouveau widget Wordpress. Son formulaire de configuration dans le panneau d'administration des widgets inclut des listes déroulantes de catégorie et de sous-catégorie (ce ne sont pas des catégories Wordpress).

Les valeurs de ces listes déroulantes doivent être récupérées via AJAX, en plus de changer la liste déroulante de catégorie devrait charger de nouvelles valeurs dans la liste déroulante de sous-catégorie également via AJAX. Pour ce faire, j'ai besoin d'utiliser jQuery pour cibler les listes déroulantes en cours, et définir un gestionnaire pour l'événement de changement.

Comment puis-je obtenir le bon sélecteur jQuery dans Wordpress pour y parvenir? L'utilisateur peut ajouter plusieurs de ces widgets à la barre latérale, donc je ne peux pas utiliser un ID générique ou une classe CSS. Ou existe-t-il un moyen plus raisonnable de coder ceci, peut-être en utilisant wp_localize_script?

Answer 1

Il doit y avoir un facteur unique parmi les listes déroulantes de catégories (puisque vous dites que faire une sélection chargerait des options dans la sous-catégorie). J'utiliserais la méthode data() pour attacher cet identifiant unique (que ce soit un identifiant, ou autre) à chacun de ces pulldowns, ainsi que d'attacher une classe à chacun des pulldowns (mywidgetname-category, ou peu importe). Ensuite, parcourez chacun des éléments correspondant à votre classe, en associant un gestionnaire d'événements change() qui lit ensuite l'identificateur unique que vous avez associé à l'aide de data() et modifie la sélection de sous-catégorie appropriée.