Question

我在使用asp.net vb时遇到了一些麻烦我想要做的是有2个下拉框

第一次下拉就有了 1 2 3 例如。

第二次下拉会有一个 b C 默认情况下..但

如果选择1，我希望第二个下拉列表自动选择c。我不知道JavaScript是否是最好的答案，或者如果有人这样做，我会非常感谢你的建议。谢谢！

Answer 1

您可以在服务器端或Java Script中执行此操作。一般概念是相同的。您必须在第一个下拉列表的“更改”事件中定位第二个下拉列表。意味着每当更改事件触发第一个事件时，您都会更新第二个事件

Sudo代码：

Dropdown1_Changed()
{
  //if "1" is selected in Dropdown1, update Dropdown2 to select "c"
}

Answer 2

我会在第一个下拉列表中使用SelectedIndexChanged事件。像这样：

<强> ASPX

<asp:DropDownList ID="ddl1" runat="server" AutoPostBack="true">
    <asp:ListItem Text="1" Value="1"></asp:ListItem>
    <asp:ListItem Text="2" Value="2"></asp:ListItem>
    <asp:ListItem Text="3" Value="3"></asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="ddl2" runat="server">
    <asp:ListItem Text="A" Value="A"></asp:ListItem>
    <asp:ListItem Text="B" Value="B"></asp:ListItem>
    <asp:ListItem Text="C" Value="C"></asp:ListItem>
</asp:DropDownList>

<强> VB

Private Sub ddl1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles ddl1.SelectedIndexChanged
    If ddl1.SelectedValue = "1" Then
        ddl2.SelectedValue = "C"
    End If
End Sub

Answer 3

您可以使用Javascript Onchange事件。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function NumbersDropDownList_OnChange() {
            var numbersDropDownList = document.getElementById("numbersDropDownList");
            if (numbersDropDownList.options[numbersDropDownList.selectedIndex].text=="1") {
                document.getElementById("lettersDropDownList").selectedIndex = 2;
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="numbersDropDownList" onchange="NumbersDropDownList_OnChange()" runat="server">
            <asp:ListItem>1</asp:ListItem>
            <asp:ListItem>2</asp:ListItem>
            <asp:ListItem>3</asp:ListItem>
        </asp:DropDownList>
        <asp:DropDownList ID="lettersDropDownList" runat="server">
            <asp:ListItem>a</asp:ListItem>
            <asp:ListItem>b</asp:ListItem>
            <asp:ListItem>c</asp:ListItem>
        </asp:DropDownList>
    </div>
    </form>
</body>
</html>

在asp.net vb中按第一个下拉值填充第二个下拉列表

3 个答案: