Jquery: удалить предыдущие данные из списка выбора

Question

У меня был следующий вопрос.

Я хочу обновить свой список выбора подкатегории, когда пользователь выбирает конкретную главную категорию и показывает в другом списке выбора подкатегории.

Проблема в том, что я не могу понять, когда я выбираю другую ведущую категорию, мою предыдущую подкатегорию необходимо удалить и заполнить новыми данными в зависимости от выбранной мной ведущей категории.

Пока у меня есть следующий код.

Данные, которые я анализирую, представляют собой кодировку json, которая выглядит следующим образом:

 Website.Config = {"categorieen":{"1":{"1":"Navullingen ","2":"Potloden"},"2":{"3":"Navullingen","6":"potloden","7":"testSubcategorie"}}}


    function onChangeSubcategorie(){

 categorieen = Website.Config.categorieen;

 $("form#overviewFilter select#cat").change(function() {
  var hoofdCategorie = $(this).val();
  var subcategorieen = categorieen[hoofdCategorie];

  for(var c in subcategorieen ) {
   var tekst = subcategorieen[c];

   if(hoofdCategorie == 1) {
    $('form#overviewFilter select#scat').append("<option value="+tekst+">"+tekst+"</option>");
   }else if(hoofdCategorie == 2) {

    $('form#overviewFilter select#scat').append("<option value="+tekst+">"+tekst+"</option>");
   }
  }
 });
}

спасибо за помощь.

Answer 1

Сначала необходимо очистить список #scat, а затем заполнить его новыми данными.

Вы можете сделать это, используя следующие операторы:

$('form#overviewFilter select#scat').empty();

или

$('form#overviewFilter select#scat').find('option').remove();

Дополнительная информация: jQuery удалить

Answer 2

Вы можете очистить содержимое элемента, вызвав метод empty() , например:

$('#scat').empty();

Кстати, когда вы выбираете элемент по идентификатору, вам ничего не нужно, кроме селектора идентификатора (например, #scat).
Поскольку идентификаторы (или должны быть ) уникальны, вам больше ничего не нужно.
jQuery оптимизирует для «чистых» селекторов идентификаторов, поэтому #scat будет быстрее, чем любой другой селектор.