добавление / удаление элемента в выбранном клике - PullRequest
0 голосов
/ 10 марта 2020

Мозг болит от попыток понять, почему я не могу удалить предмет из выбора. Когда я добавляю новое поле в форму, я добавляю ссылку на это поле в элементе выбора. Но если я удаляю поле, я не могу удалить эту добавленную ссылку в 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»?

...