Ориентация на конкретную форму виджета Wordpress с помощью jQuery

Question

Я разрабатываю новый виджет Wordpress. Его форма конфигурации в панели администрирования виджетов включает выпадающие списки категорий и подкатегорий (это не категории Wordpress).

Значения для этих раскрывающихся списков необходимо получить через AJAX, плюс изменение раскрывающегося списка категорий должно загрузить новые значения в раскрывающийся список подкатегорий также через AJAX. Для этого мне нужно использовать jQuery для нацеливания на текущие выпадающие списки и установить обработчик для события изменения.

Как я могу получить правильный селектор jQuery в Wordpress для достижения этой цели? Пользователь может добавить несколько таких виджетов на боковую панель, поэтому я не могу использовать универсальный идентификатор или класс CSS. Или есть более разумный способ закодировать это, возможно, используя wp_localize_script?

Answer 1

В раскрывающихся списках категорий должен быть какой-то уникальный фактор (поскольку вы говорите, что при выборе будет загружаться опции в подкатегории).

Я бы использовал метод data (), чтобы присоединить этот уникальный идентификатор (будь то идентификатор или что-то еще) для каждого из этих раскрывающихся списков, а также присоединение класса к каждому из раскрывающихся списков (mywidgetname-category или что-либо еще).

Затем выполните итерацию по каждому из соответствующих элементовк вашему классу, прикрепив обработчик события change (), который затем считывает уникальный идентификатор, который вы прикрепили с помощью data (), и изменяет соответствующий выбор подкатегории.