Dear sir
Below code i am trying to show confirmation box regarding information for user
in there dropdown list it always show first dropdown item
and text box empty data
but there is data
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
du.bindDropDown(ddlRoomNo, "spGetBookedRoom", "Value", "Id");
du.bindDropDown(ddlRoomStatus, "spGetRoomStatus", "Value", "Id");
}
// du.DataLoadToGridView("spCheckCheckOutData", GridViewCheckOutData);
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
string confirmValue = Request.Form["confirm_value"];
if (confirmValue == "Yes")
{
this.Page.ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('You clicked YES!')", true);
}
else
{
this.Page.ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('You clicked No!')", true);
}
}
HTML
<div class="form">
<div class="validation-system">
<div class="validation-form">
<!---->
<div class="vali-form">
<div class="col-md-4">
<label class="control-label">
Room No</label>
<asp:DropDownList ID="ddlRoomNo" runat="server" CssClass="formInput">
</asp:DropDownList>
</div>
<div class="col-md-4" style="margin-left: auto; margin-right: auto;">
<label class="control-label">
Room Status</label>
<asp:DropDownList ID="ddlRoomStatus" runat="server" CssClass="formInput">
</asp:DropDownList>
<%-- <input id="txtName" type="text" placeholder="Firstname" runat="server" required="">--%>
</div>
<div class="col-md-4" style="margin-left: auto; margin-right: auto;">
<label class="control-label">
Remark</label>
<asp:TextBox ID="txtRemark" runat="server" placeholder="Your Remark" CssClass="formInput"
TextMode="MultiLine"></asp:TextBox>
</div>
<div class="clearfix">
</div>
</div>
<div class="vali-form">
<div class="col-md-4">
<label class="control-label">
Departure Date</label>
<asp:TextBox ID="txtDepartureDate" type="date" runat="server" class="form-control1 ng-invalid ng-invalid-required"
ng-model="model.date"></asp:TextBox>
</div>
<div class="clearfix">
</div>
</div>
<br />
<div class="vali-form" style="margin-left: 15px;">
<div class="col-md-4">
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClientClick="Confirm()"
OnClick="btnSubmit_Click" class="btn btn-primary" />
<script type="text/javascript">
function Confirm() {
var confirm_value = document.createElement("INPUT");
confirm_value.type = "hidden";
confirm_value.name = "confirm_value";
if (confirm("Do you want to Checkout \n Room No :- <%=ddlRoomNo.SelectedItem.Text %> \n Room Status :- <%=ddlRoomStatus.SelectedItem.Text %> \n Departure Date :- <%=txtDepartureDate.Text %>")) {
confirm_value.value = "Yes";
document.forms[0].appendChild(confirm_value);
}
else {
confirm_value.value = "No";
document.forms[0].appendChild(confirm_value);
}
}
</script>
<asp:Button ID="btnReset" runat="server" Text="Reset" OnClick="btnReset_Click" class="btn btn-default" />
</div>
<div class="clearfix">
</div>
</div>
</div>
</div>
</div>
SCRIPT
<script type="text/javascript">
function Confirm() {
var confirm_value = document.createElement("INPUT");
confirm_value.type = "hidden";
confirm_value.name = "confirm_value";
if (confirm("Do you want to Checkout \n Room No :- <%=ddlRoomNo.SelectedItem.Text %> \n Room Status :- <%=ddlRoomStatus.SelectedItem.Text %> \n Departure Date :- <%=txtDepartureDate.Text %>")) {
confirm_value.value = "Yes";
document.forms[0].appendChild(confirm_value);
}
else {
confirm_value.value = "No";
document.forms[0].appendChild(confirm_value);
}
}
</script>