I have the following html in my ASP.NET form. It presents a drop-down menu so that the user can select their budget. When the user selects a value from the list. The jquery code copies the selected value into the hidden ProjectBudget field, so it can be submitted via the form.
<p><label>Project budget*</label></p>
<a href="#" class="SelectionDropdownMenu">Choose budget value</a>
<input id="ProjectBudget" class="inputDropdownValue" runat="server" type="hidden" />
<ul class="DropdownMenu">
<li><a href="#">5 000 $ or less</a></li>
<li><a href="#">5 000 $ - 10 000 $</a></li>
<li><a href="#">10 000 $ - 25 000 $</a></li>
<li><a href="#">25 000 $ - 50 000 $</a></li>
<li><a href="#">50 000 $ - 100 000 $</a></li>
<li><a href="#">100 000 $ or more</a></li>
<li><a href="#">N.A.</a></li>
</ul>
This solution worked for me in the past, but I did not need to do any checks on this field, and using an unordered list gives great flexibility to our web designers over DropDownList.
However, I want to add ASP.NET validation so that budget selection is a must.
Other than using DropDownList and using RequiredFieldValidator. What are my options?