Currently, I am working on a log-in page that includes a drop-down list allowing users to choose a background color for the website. However, I am facing challenges in connecting the body of the master page with the selected value from the drop-down list.
<body style="overflow: auto;" runat="server" id="bodyMasterPage">
Displayed here is the opening tag of my MasterPage's body, alongside the dropdown list component.
<div class="col-sm-3 col-sm-offset-4">
<div class="input-group input-group-sm">
<asp:Label runat="server" ID="lblColor" ClientIDMode="Static" AssociatedControlID="ddlColor" class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></asp:Label>
<asp:DropDownList runat="server" ID="ddlColor" ClientIDMode="Static" aria-describedby="lbColor" data-taggle="dropdown" data-style="DropDownListHint-datastyle" class="btn dropdown-toggle DropDownListHint-datastyle">
<asp:ListItem Text="White" Value="White" Selected="True" />
<asp:ListItem Text="Green" Value="Green" />
</asp:DropDownList>
</div>
</div>