заполнить два поля выбора из поля выбора

Question

Я прошел эти темы для решения своей проблемы, но думаю, что мой вопрос немного другой.

• Использование javascript и jquery для заполнения связанных полей выбора структурой массива
• Заполнение 2-го поля выбора - проблема связывания

У меня есть 3 поля выбора в моей форме. Названы «Категория», «Подкатегория», «Тема».

Подкатегория заполняется при выборе категории, а тема выбирается из поля выбора подкатегории.

Я создал обобщенную функцию для заполнения полей выбора с помощью jquery.

Я вызываю эту функцию (populateSelectBox) в событии изменения родительского поля выбора.

Теперь поле выбора подкатегории легко заполняется в событии изменения поля выбора категории, но , если в подкатегории есть только один параметр, заполненный через ajax, событие изменения для подкатегории не вызывается, поскольку в поле выбора подкатегории.

Что мне делать в этом случае?

Пожалуйста, помогите

Answer 1

Отправка этого ответа по мере необходимости для заполнения третьего поля выбора только для события изменения второго поля выбора.

Спасибо Патрику за идею пустого выбора

Таким образом, вместо добавления пустой опции «select» через PHP, я изменил свою функцию populateSelectBox таким образом, чтобы она автоматически добавляла пустую опцию «select» в ответ , например, $element.append('<option value="">Select</option>'); чтобы пользователь мог инициировать событие изменения.

Answer 2

Вы можете проверить количество полученных опций и, если есть только одна, вызвать событие change вручную:

$('#mySubCategorySelect').trigger('change');

или просто:

$('#mySubCategorySelect').change();

Другим способом было бы иметь option в верхней части каждого select, который фактически является заголовком. Что-то вроде:

<select>
    <option>Please choose a category</option>
    <option>some option</option>
</select>

Это потребует от пользователя выбора варианта, даже если существует только один.