Мозг болит от попыток понять, почему я не могу удалить предмет из выбора. Когда я добавляю новое поле в форму, я добавляю ссылку на это поле в элементе выбора. Но если я удаляю поле, я не могу удалить эту добавленную ссылку в select. Я хочу добавить и удалить три вещи по нажатию. Почти все работает. Я просто не могу удалить содержимое третьей обертки. Пожалуйста, помогите ... Вот как выглядит мой сценарий:
var max_fields = 22;
var wrapper1 = $(".input_fields_wrap1");
var wrapper2 = $(".input_fields_wrap2");
var add_button = $(".add_field_button");
var remove_button = $(".remove_field_button");
var wrapperListaAutores = $(".input_fields_wrapAutores");
$(add_button).click(function(e){
e.preventDefault();
var total_fields1 = wrapper1[0].childNodes.length;
var total_fields2 = wrapper2[0].childNodes.length;
var optAutores = document.getElementById("Autores");
var option = document.createElement("option");
option.text = wrapper1[0].childNodes.length + 1; //this was the form I found to number the new element in the select.
if(total_fields1 < max_fields){
$(wrapper1).append('<li><textarea rows="1" style="width: 90%" id="textArea" placeholder="Adicione aqui o nome do autor do autor!"></textarea> </li>');
$(wrapper2).append('<textarea rows="1" style="width: 90%" id="textArea" placeholder="Adicione aqui a filiação do autor!"></textarea>');
$(wrapperListaAutores).append(optAutores.add(option));
}
});
$(remove_button).click(function(e){
e.preventDefault();
var total_fields1 = wrapper1[0].childNodes.length;
if(total_fields1>1){
wrapper1[0].childNodes[total_fields1-1].remove();
wrapper2[0].childNodes[total_fields1-1].remove();
wrapperListaAutores[0].childNodes[total_fields1-1].remove();
}
});
Почему первые два добавления / удаления из упаковщиков работают отлично ... И добавление в третьем переносе работает, но я просто могу ' t удалить добавленный элемент из третьей обертки, когда я нажимаю «remove_button»?