Javascript 如何在每次切换选项时清除基于其他选项的选项列表？_Javascript_Html

Javascript 如何在每次切换选项时清除基于其他选项的选项列表？

javascript html

Javascript 如何在每次切换选项时清除基于其他选项的选项列表？,javascript,html,Javascript,Html,我试图根据另一个列表中的选定选项更新一个列表，但每次我更改第一个列表中的项目时，对应项目的选项都会附加到第二个列表中，并且列表大小会增加。代码如下： <!DOCTYPE html> <html> <body> <select name = "country" id = "country" onchange = "myFunction()"> <script> var country = n

我试图根据另一个列表中的选定选项更新一个列表，但每次我更改第一个列表中的项目时，对应项目的选项都会附加到第二个列表中，并且列表大小会增加。代码如下：

<!DOCTYPE html>
<html>
<body>
    <select name = "country" id = "country" onchange = "myFunction()">
        <script>
            var country = new Array("India", "Thailand");
            var select = document.getElementById("country");
            for(var i = 0;i<country.length;i++)
            {
                var option = document.createElement("option");
                option.text = option.value = country[i];
                select.add(option);
            }

            var cities = {
                "India":["Bangalore","Kolkata","Delhi", "Pune"],
                "Thailand":["Phuket", "Bangkok"]
            };
            function myFunction(){
                    if(selectCities!=null)selectCities=null;
                    var listCities=new Array();
                    var selectedCountry = document.getElementById("country").value;
                    listCities = cities[selectedCountry]
                    var selectCities = document.getElementById("city");
                    for(var i = 0;i<listCities.length;i++)
                    {
                        var option = document.createElement("option");
                        option.text = option.value = listCities[i];
                        selectCities.add(option);
                    }
            }
        </script>
    </select>
    <p id="test"></p>
    <select name = "city" id = "city">
    </select>
</body>


var国家=新数组（“印度”、“泰国”）；
var select=document.getElementById（“国家”）；
对于（变量i=0；i可以重置选择城市：
然后附加新选项。
我又添加了一个名为removeChildElements
的函数
请尝试以下代码：


var国家=新数组（“印度”、“泰国”）；
var select=document.getElementById（“国家”）；
对于（var i=0；i
selectCities.innerHTML="";