Hi SUJAYS,
To pass ASP.Net form values to Html Page you can make use of Cookies.
In order to read and write Cookies I have used jQuery Cookie plugin.
Check this example. Now please take its reference and correct your code.
HTML
ASPX Page
<table>
<tr>
<td>Name</td>
<td><asp:TextBox runat="server" ID="txtName" /></td>
</tr>
<tr>
<td>Country</td>
<td>
<asp:DropDownList runat="server" ID="ddlCountry">
<asp:ListItem Text="Select" Value="0" />
<asp:ListItem Text="India" Value="India" />
<asp:ListItem Text="UK" Value="UK" />
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="2" align="center"><asp:Button Text="Send" runat="server" ID="btnPost" /></td>
</tr>
</table>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.cookie/1.3.1/jquery.cookie.js"></script>
<script type="text/javascript">
$(function () {
$("#btnPost").bind("click", function () {
$.cookie("name", $("#txtName").val());
$.cookie("country", $("#ddlCountry").val());
window.location.href = "HTMLPage.htm";
return false;
});
});
</script>
HTML page
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.cookie/1.3.1/jquery.cookie.js"></script>
<script type="text/javascript">
$(function () {
var data = "<b>Name:</b> " + $.cookie("name") + "<br /><b>Country:</b> " + $.cookie("country");
$("#lblData").html(data);
$.removeCookie("name");
$.removeCookie("country");
});
</script>
</head>
<body>
<span id="lblData"></span>
</body>
</html>
Screenshot
