Необходимо очистить dropdown3 при каждом выборе

Question

мой скрипт работает нормально, но проблема добавляется, что добавляет опции в dropdown3 при каждом выборе. Мне нужно очистить dropdown3 каждый раз, когда пользователь выбирает параметр в dropdown2, я пробовал с html insted append, но тогда html вызывает только 1-й вариант из dropdown3 EDIT: У меня есть еще один вопрос, как удалить все параметры, но не 1-й, так как его отключить по умолчанию?

<script> 
      $(document).ready(function() { 
       var kategorije; 
       $.ajax({ 
        url : "kategorije.txt", 
        dataType: "text", 
        success : function (data) { 
        popuniKategorije(data); 
        } 
       }); 

       function popuniKategorije(kategorije){ 
        $.each(kategorije.split("\n").slice(0,-1), function(k, v){ 
         $('#dropdown2').append($('<option></option>').attr('value', k).text(v)); 
        }); 
       } 

      </script> 

     <script> 
     $("#dropdown2").change(function(){ 
    var selectedValue = $(this).find(":selected").val(); 

     if (selectedValue == "0") 
     $(document).ready(function() { 
       var podKategorije; 
       $.ajax({ 
        url : "pHardware.txt", 
        dataType: "text", 
        success : function (data) { 
        popuniPodKategorije(data); 
        } 
       }); 

       function popuniPodKategorije(podKategorije){ 
        $.each(podKategorije.split("\n").slice(0,-1), function(k, v){ 
         $('#dropdown3').append($('<option></option>').attr('value', k).text(v)); 
        }); 
       } 
      }); 
      else if (selectedValue == "1") 
     $(document).ready(function() { 
       var podKategorije; 
       $.ajax({ 
        url : "pOperativniSistem.txt", 
        dataType: "text", 
        success : function (data) { 
        popuniPodKategorije(data); 
        } 
       }); 

       function popuniPodKategorije(podKategorije){ 
        $.each(podKategorije.split("\n").slice(0,-1), function(k, v){ 
         $('#dropdown3').append($('<option></option>').attr('value', k).text(v)); 
        }); 
       } 
      }); 
      else if (selectedValue == "2") 
     $(document).ready(function() { 
       var podKategorije; 
       $.ajax({ 
        url : "pMail.txt", 
        dataType: "text", 
        success : function (data) { 
        popuniPodKategorije(data); 
        } 
       }); 

       function popuniPodKategorije(podKategorije){ 
        $.each(podKategorije.split("\n").slice(0,-1), function(k, v){ 
         $('#dropdown3').append($('<option></option>').attr('value', k).text(v)); 
        }); 
       } 
      }); 
      else if (selectedValue == "3") 
     $(document).ready(function() { 
       var podKategorije; 
       $.ajax({ 
        url : "pBiAplikacija.txt", 
        dataType: "text", 
        success : function (data) { 
        popuniPodKategorije(data); 
        } 
       }); 

       function popuniPodKategorije(podKategorije){ 
        $.each(podKategorije.split("\n").slice(0,-1), function(k, v){ 
         $('#dropdown3').append($('<option></option>').attr('value', k).text(v)); 
        }); 
       } 
      }); 
       else if (selectedValue == "4") 
     $(document).ready(function() { 
       var podKategorije; 
       $.ajax({ 
        url : "pKumunikacija.txt", 
        dataType: "text", 
        success : function (data) { 
        popuniPodKategorije(data); 
        } 
       }); 

       function popuniPodKategorije(podKategorije){ 
        $.each(podKategorije.split("\n").slice(0,-1), function(k, v){ 
         $('#dropdown3').append($('<option></option>').attr('value', k).text(v)); 
        }); 
       } 
      }); 
      else if (selectedValue == "5") 
     $(document).ready(function() { 
       var podKategorije; 
       $.ajax({ 
        url : "pPristupSistemu.txt", 
        dataType: "text", 
        success : function (data) { 
        popuniPodKategorije(data); 
        } 
       }); 

       function popuniPodKategorije(podKategorije){ 
        $.each(podKategorije.split("\n").slice(0,-1), function(k, v){ 
         $('#dropdown3').append($('<option></option>').attr('value', k).text(v)); 
        }); 
       } 
      }); 
      });  
     </script> 

    </html> 

Answer 1

Попробуйте

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

Это удалит все <option> элементы под ниспадающего элемента.