<div>
please select which one of devices are important for you to choose a computer, then
we suggest you which model is better for you :<br />
<br />
Please select based on the priority.<br />
<br />
first priority is
<asp:DropDownList ID="ddlFirstPriority" class="dropDown" runat="server">
<asp:ListItem Value="5" Text="GPU"></asp:ListItem>
<asp:ListItem Value="5" Text="HDD"></asp:ListItem>
<asp:ListItem Value="5" Text="SCREEN"></asp:ListItem>
<asp:ListItem Value="5" Text="RAM"></asp:ListItem>
<asp:ListItem Value="5" Text="CPU"></asp:ListItem>
</asp:DropDownList>
<asp:HiddenField ID="hfFirstPriority" runat="server" />
<br />
<br />
second priority is
<asp:DropDownList ID="ddlSecondPriority" class="dropDown" runat="server">
<asp:ListItem Value="4" Text="GPU"></asp:ListItem>
<asp:ListItem Value="4" Text="HDD"></asp:ListItem>
<asp:ListItem Value="4" Text="SCREEN"></asp:ListItem>
<asp:ListItem Value="4" Text="RAM"></asp:ListItem>
<asp:ListItem Value="4" Text="CPU"></asp:ListItem>
</asp:DropDownList>
<asp:HiddenField ID="hfsecondPriority" runat="server" />
<br />
<br />
third priority is
<asp:DropDownList ID="ddlThirdPriority" class="dropDown" runat="server">
<asp:ListItem Value="3" Text="GPU"></asp:ListItem>
<asp:ListItem Value="3" Text="HDD"></asp:ListItem>
<asp:ListItem Value="3" Text="SCREEN"></asp:ListItem>
<asp:ListItem Value="3" Text="RAM"></asp:ListItem>
<asp:ListItem Value="3" Text="CPU"></asp:ListItem>
</asp:DropDownList>
<asp:HiddenField ID="hfThirdPriority" runat="server" />
<br />
<br />
forth priority is
<asp:DropDownList ID="ddlFourthPriority" class="dropDown" runat="server">
<asp:ListItem Value="2" Text="GPU"></asp:ListItem>
<asp:ListItem Value="2" Text="HDD"></asp:ListItem>
<asp:ListItem Value="2" Text="SCREEN"></asp:ListItem>
<asp:ListItem Value="2" Text="RAM"></asp:ListItem>
<asp:ListItem Value="2" Text="CPU"></asp:ListItem>
</asp:DropDownList>
<asp:HiddenField ID="hfFourthPriority" runat="server" />
<br />
<br />
fifth priority is
<asp:DropDownList ID="ddlFifthPriority" class="dropDown" runat="server">
<asp:ListItem Value="1" Text="GPU"></asp:ListItem>
<asp:ListItem Value="1" Text="HDD"></asp:ListItem>
<asp:ListItem Value="1" Text="SCREEN"></asp:ListItem>
<asp:ListItem Value="1" Text="RAM"></asp:ListItem>
<asp:ListItem Value="1" Text="CPU"></asp:ListItem>
</asp:DropDownList>
<asp:HiddenField ID="hfFifthPriority" runat="server" />
<br />
<br />
<asp:Button ID="btnSuggest" OnClick="Suggest" runat="server" Text="SUBMIT TO SHOW SUFFICIENT MODEL" />
<asp:Label ID="lblErrorMessage" runat="server" />
<br />
<br />
<asp:GridView ID="gvComputers" runat="server" />
</div>
<div>
<script type="text/javascript">
$(function () {
$('[id*=btnSuggest]').click(function () {
$('[id*=hfFirstPriority]').val($('[id*=ddlFirstPriority] option:selected').text());
$('[id*=hfsecondPriority]').val($('[id*=ddlSecondPriority] option:selected').text());
$('[id*=hfThirdPriority]').val($('[id*=ddlThirdPriority] option:selected').text());
$('[id*=hfFourthPriority]').val($('[id*=ddlFourthPriority] option:selected').text());
$('[id*=hfFifthPriority]').val($('[id*=ddlFifthPriority] option:selected').text());
});
});
</script>
</div>
