使用计数和状态下拉列表进行更改

Question

我有两个下拉列表：一个是国家/地区列表，另一个是在加拿大或美国被调用时将填写的州名单。我是asp.net和Javascript的新手，我希望有人能指出我做错了什么。我现在只是尝试将我的ddl设置为文本以查看它是如何工作的，之后想用javascript代码中的列表填充ddl。提前谢谢！

    <script>
        function displayStateDDL() {
            var ControlName = document.getElementById(ddlCountry.id);

            if (document.getElementById("ddlCountry").value == "United States") {
                document.getElementById("ddlState").value = "State";
            } else if (document.getElementById("ddlCountry").value == "Canada") {
                document.getElementById("ddlState").value = "Province";
            }
        }
 </script>

    <asp:DropDownList ID="ddlCountry" runat="server" Width="170px" onchange="javascript: displayStateDDL();">
    </asp:DropDownList>

<asp:DropDownList ID="ddlState" runat="server" Width="170px">   </asp:DropDownList>