Есть такой код:
const authorNameLabel = document.createElement('div');
authorNameLabel.innerHTML = '<lable for="main-name">Фамилия автора</lable> <input name="main-name" id="main-name"/><lable> Инициалы</lable> <input /> </br></br>'
function runSelect() {
const numberOfAuthors = document.querySelector('#number-of-authors').value;
switch (numberOfAuthors) {
case '1':
authorList.appendChild(authorNameLabel);
authorList.appendChild(authorNameLabel);
break;
case '2':
authorList.appendChild(authorNameLabel);
authorList.appendChild(authorNameLabel);
authorList.appendChild(authorNameLabel);
break;
case '7':
for (let i = 0; i < 7; i++) {
authorList.appendChild(authorNameLabel);
}
break;
case 'more-then-8':
for (let i = 0; i < 6; i++) {
authorList.appendChild(authorNameLabel);
}
authorNameLabel.innerHTML = '<lable for="main-name">Фамилия ПОСЛЕДНЕГО автора</lable> <input name="main-name" id="main-name"/><lable> Инициалы</lable> <input /> </br></br>'
authorList.appendChild(authorNameLabel);
break;
case 'organisation':
authorNameLabel.innerHTML = '<lable for="main-name">Название организации, учреждения, что подготовила монографию <input name="main-name" id="main-name"/> </br></br>'
authorList.appendChild(authorNameLabel);
break;
}
}
<div id="modal-window">
<div class="form-wrapper">
<form action="">
<div id="authorList"><label>Количество авторов</label>
<select id="number-of-authors" name="number-of-authors" onchange="runSelect()">
<option value="1"> 1 автор </option>
<option value="2"> 2 автори </option>
<option value="7"> от 3 до 7 авторов </option>
<option value="more-then-8"> больше 8 авторов </option>
<option value="organisation"> Автор неизвестен або колективный автор (учереждение) </option>
</select>
</br>
</br>
</div>
</form>
</div>
</div>
Пытаюсь добавить в модальное окно форму на js. В зависимости от того, что выберет пользователь в select, ниже должен добавится div с нужными input. Что ни пробовала, создается только один div, более того, когда выбираю 1 автор, совсем не создается ничего, когда последнее (автор неизвестен) то потом не меняется уже на другое, что бы ни выбирала (((
Подскажите, плиз, где ошибка, может логика неправильная. Спасибо!