jquery - 需要在每次选择时清除 dropdown3

Question

我的脚本工作正常，但问题是追加，它在每次选择时在 dropdown3 中添加选项。每次用户在 dropdown2 中选择选项时，我都需要清除 dropdown3 我尝试使用 html insted of append 但随后 html 仅从 dropdown3 调用第一个选项编辑：我还有一个问题如何清空所有选项但不是第一个选项，因为它默认禁用?

<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>下拉元素下方的所有元素。