Как реализовать ввод (или форму), зависящий от меню выбора (выпадающего списка)?
Я работаю над системой оценок и в настоящее время работаю над формой, которая имеет дело с пользователем, вводящим результаты студентов, теперь форма, которую я имею, имеет 2 выпадающих списка (класс, студенты), которые являются зависимыми. Проблема и то, на чем я застрял
- Когда пользователь выбирает класс, второе выпадающее меню будет показывать только учеников в этом классе, я уже понял это... проблема в том, что я хочу, чтобы поля ввода для того, сколько предметов делает ученик, появились, чтобы пользователь мог ввести оценки по каждому предмету для этого ученика в классе .
Например, если я выберу класс 1b и выберу ученицу Марию... если Мария ведет 5 предметов, то должно появиться 5 полей ввода, чтобы я мог ввести оценку по предметам
Ссылка на видео, показывающее, о чем я говорю видео с примеромhttps://drive.google.com/file/d/11FoCZyOBVdUhTcvCqA1Ke0fEgRmMVC-G/view?usp=drivesdk
Я не являюсь пользователем jQuery. Насколько я понимаю, я должен поместить eventlistener на форму студента через .addEventListener('change', (event)Смотрите здесь. Это вызовет функцию каждый раз, когда что-то изменится в опции выбора. С помощью этой функции вы также можете собрать значения выбранной опции: класс и имя студента, и сделать запрос на получение имен предметов для выбранного студента. После успешного ответа я бы вставил предметные поля через JavaScript в DOM.