为什么我不能根据第二个下拉列表更新下拉列表？答案

【问题标题】：Why can't I update a dropdown list based on a second dropdown list?为什么我不能根据第二个下拉列表更新下拉列表？
【发布时间】：2022-01-21 03:20:48
【问题描述】：

我在一个经典的 asp 页面上有两个下拉列表：

<select id="ddlState" name="ddlState" runat="server">
<option value="KY">Kentucky</option>
<option value="IN">Indiana</option>
<option value="OH">Ohio</option>
<option value="TN">Tennessee</option>
</select>

<select name="ddlCounty">
<% if ddlState = "KY" then %>
<option>Adair</option>
<option>Allen</option>
<option>Anderson</option>
<% end if %>

<option>IN County</option>
<option>OH County</option>
<option>TN County</option>
</select>

我正在尝试找出以下问题的原因：

<%
    response.write "Test"
    response.write "<br />"
    response.write ddlState
    response.write "<br />"
    response.write "Test2"

%>

我也尝试过这些变体：

response.write StateDropdown.value

and

Dim ddlState 
set ddlState = document.getElementById("ddlState")
response.write ddlState.value

有人知道我做错了什么吗？我希望我不必使用经典的 asp，但它就是它，我对它不是很熟悉。

【问题讨论】：

ddlState 设置在哪里？
这也完全取决于方法。您是提交表单以更新下拉列表，还是尝试更新根本不需要 Classic ASP 的下拉客户端？
如果您尝试在表单中检索已提交值的值，则使用 ddlState = Request.QueryString("ddlState")（如果它是 GET 提交）或 ddlState = Request.Form("ddlState")（如果它是 POST 提交）。
如果是客户端，请确保您在 HTML 正文中编写客户端脚本，然后使用 document.getElementById("ddlState")。
完全有可能，但不是在服务器端代码内部（<% %>），例如Response.Write是一个服务器端调用。如果你想做这个客户端Classic ASP是无关紧要的问题。

标签： javascript html

【解决方案1】：

我能够通过使用多个下拉列表并显示/隐藏它们来实现我的目标。

$(document).on('ready', function () {


$("#ddlCountyKY").show()
$("#ddlCountyOH").hide()
$("#ddlCountyIN").hide()
$("#ddlCountyTN").hide()

$("#ddlState").on('change', function () {
    var el = $(this);
    if (el.val() === "KY") {
        $("#ddlCountyKY").show()
        $("#ddlCountyOH").hide()
        $("#ddlCountyIN").hide()
        $("#ddlCountyTN").hide()
    } else if (el.val() === "OH") {
        $("#ddlCountyKY").hide()
        $("#ddlCountyOH").show()
        $("#ddlCountyIN").hide()
        $("#ddlCountyTN").hide()
    } else if (el.val() === "IN") {
        $("#ddlCountyKY").hide()
        $("#ddlCountyOH").hide()
        $("#ddlCountyIN").show()
        $("#ddlCountyTN").hide()
    } else if (el.val() === "TN") {
        $("#ddlCountyKY").hide()
        $("#ddlCountyOH").hide()
        $("#ddlCountyIN").hide()
        $("#ddlCountyTN").show()
    }
});

});

【讨论】：