Простой ajax на select

139
22 января 2021, 18:50

Есть код

(function() { 
  const select_form = document.getElementById('auc-form'); 
  const model_select = document.getElementById('auc-model'); 
 
  document.addEventListener('change', function(e) { 
 
    if (e.target.id == 'auc-make') { 
      console.log(e.target.value) 
 
      let url = '/getmodel/' + e.target.value; 
 
 
 
      $.getJSON(url, function(data) { 
        // let select_option_prev = document.getElementById('auc-model'); 
        // select_option_prev.remove(select_option_prev.selectedIndex); 
 
        for (i = 0; i < data.length; i++) { 
 
 
          let option = document.createElement('option'); 
          option.innerHTML = data[i]; 
          option.value = data[i]; 
          model_select.insertBefore(option, model_select.firstChild); 
        } 
 
 
      }); 
 
    } 
  }); 
})();

Он делает простую вещь - загружает json и создает из этого список для select. Код работает и всё в порядке, но он не удаляет предыдущие option Подскажите как добавить удаление предыдущих option

Answer 1

В начало обработчика ответа аякс добавьте очистку:

$(model_select).empty();
// или model_select.innerHTML = '';
// или while(model_select.options.length>0) model_select.remove(0);

Также измените вставку (поскольку firstChild теперь нет):

model_select.appendChild(option);
Answer 2
model_select.options.length = 0;
READ ALSO
Cannot read property &#39;classList&#39; of undefined

Cannot read property 'classList' of undefined

Использую код для слайдера! Слайдер работает, но на других страница в консоле ошибка (Cannot read property 'classList' of undefined), помогите пожалуйста исправить

98
Как, используя wpf mvvm, нарисовать таблицу

Как, используя wpf mvvm, нарисовать таблицу

Зашла в тупикМне нужно при нажатии кнопки нарисовать такую таблицу:

136
Прием подключений из WPF

Прием подключений из WPF

Задача: принять подключение извне, спросить через MessegeBox принять ли подключение и, в случее утвердительного ответа, открыть другое окно

135