Hi Shams,
Refer the below sample. You need to bind the dropdownlist from database.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("#btnAdd").bind("click", function () {
$("#productNameDDL")[0].selectedIndex = 0;
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="productNameDDL" CssClass="form-control" DataSourceID="" runat="server"
AppendDataBoundItems="true">
</asp:DropDownList>
<br />
<asp:Button ID="btnAdd" CssClass="btn btn-primary hvr-grow-shadow" Font-Size="Large"
Width="150px" runat="server" Text="Submit" />
</div>
</form>
</body>
</html>
Code
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[] { new DataColumn("Id", typeof(int)), new DataColumn("Name", typeof(string)) });
dt.Rows.Add(1, "Product 1");
dt.Rows.Add(2, "Product 2");
dt.Rows.Add(3, "Product 3");
dt.Rows.Add(4, "Product 4");
productNameDDL.DataSource = dt;
productNameDDL.DataTextField = "Name";
productNameDDL.DataValueField = "Id";
productNameDDL.DataBind();
productNameDDL.Items.Insert(0,new ListItem("Select","0"));
}
}
