I\'m having a bit of trouble using asp.net vb What I want to do is have 2 dropdown boxes
The first dropdown would have 1 2 3 for example.
the second dropdown wo
I would proboby use the SelectedIndexChanged event on the first dropdownlist. Like this:
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
You can do it server side or in Java Script. The general concept is the same though. You have to target the second dropdown in the "change" event of the first dropdown. Meaning whenever the change event fires for the first one, you update the second one
Sudo code:
Dropdown1_Changed()
{
//if "1" is selected in Dropdown1, update Dropdown2 to select "c"
}
You can use Javascript Onchange event.
<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>