I have 2 buttons in my asp.net File
<asp:Button ID="BTN_Send_LA" runat="server" Text="Save" OnClientClick="ConfirmSendData()"></asp:Button>
//The button the client will click
<asp:Button ID="UploadButton" runat="server" Text="" OnClick="BTN_Send_LA_Click"/>
//Dummy Button for the JS .click()
And here is my Js part:
function ConfirmSendData() {
var r = confirm("Êtes vous bien: " + document.getElementById("<%=DDL_LaveurLA.ClientID%>").options[document.getElementById("<%=DDL_LaveurLA.ClientID%>").selectedIndex].text + " sinon veuillez changer dans le champ spécifié 'Laveur'");
if (r == true) {
var clickButton = document.getElementById("<%= UploadButton.ClientID %>");
clickButton.click();
//$('UploadButton').trigger('click'); TEST 1
//__doPostBack not working aswell
}
}
So here what i expect to be done:
I don't understand why this method doesn't work as it seems to be the general approach most other answers take on StackOverflow?
UPDATE:
Ok, I've tried every solutions proposed below and now i have weird problems:
When I click on the client button, 1 of the 3 following things happens randomly (route followed with the debugger)
1: The button click do a blank postback (IsPostBack == true) event OnClick="BTN_Send_LA_Click" not fired
2: The button click do a blank postback (IsPostBack == false) event OnClick="BTN_Send_LA_Click" not fired
3: The button fire the event OnClick="BTN_Send_LA_Click" of the dummy button properly.
I don't understand why. When i click directly on the dummy button, everything works fine
Everytime I do a CTRL+F5, the first time I click the client button will work 100% (event fired)
something else: in my event BTN_Send_LA_Click(), I change the background color of multiple controls (lightgreen)
1: If I click on the dummy button => the background color of the controls are changed
2: If I click on the client button and even if the BTN_Send_LA_Click() is fired, the background color doesn't change.
Why ? I'm totally lost on this one
Updated code:
function ConfirmSendData()
{
/*
var dd = document.getElementById("<%=DDL_LaveurLA.ClientID%>");
var txt = dd.options[dd.selectedIndex].text;
var r = confirm("Êtes vous bien: " + txt + " sinon veuillez changer dans le champ spécifié 'Laveur'"); */
var r = confirm("Êtes vous bien: " + document.getElementById("<%=DDL_LaveurLA.ClientID%>").options[document.getElementById("<%=DDL_LaveurLA.ClientID%>").selectedIndex].text + " sinon veuillez changer dans le champ spécifié 'Laveur'");
if (r == true) {
//$("#<%=UploadButton.ClientID%>").click();
var clickButton = document.getElementById("<%= UploadButton.ClientID %>");
clickButton.click();
}
return false;
}
You've got it all right except:
}
on your if
statement. ConfirmSendData()
needs to return false
to prevent the first button from submitting. ie
function ConfirmSendData() {
var r = confirm("Êtes vous bien...");
if (r == true) {
var clickButton = document.getElementById("<%= UploadButton.ClientID %>");
clickButton.click();
}
return false;
}
You have the following commented out, which I presume means you've tried it and it didn't work...
//$('UploadButton').trigger('click'); TEST 1
jQuery needs the #
character before the ID of the element to find it, so try this instead...
$("#<%=UploadButton.ClientID%>").click();
I would also update the first part of your function slightly to a more readable (and efficient) version by only finding the dropdown element once...
var dd = document.getElementById("<%=DDL_LaveurLA.ClientID%>");
var txt = dd.options[dd.selectedIndex].text;
var r = confirm("Êtes vous bien: " + txt + " sinon veuillez changer dans le champ spécifié 'Laveur'");
You should use $("#<%=UploadButton.ClientID%>")
instead of $('UploadButton')
because asp:Button
elements generates not in element with just id UploadButton
function ConfirmSendData() {
var r = confirm("Êtes vous bien: " + document.getElementById("<%=DDL_LaveurLA.ClientID%>").options[document.getElementById("<%=DDL_LaveurLA.ClientID%>").selectedIndex].text + " sinon veuillez changer dans le champ spécifié 'Laveur'");
if (r == true) {
var clickButton = document.getElementById("<%= UploadButton.ClientID %>");
clickButton.click();
// alternative variant for jquery
// $("#<%=UploadButton.ClientID%>").click();
}
}
also another thing that function ConfirmSendData
needs to return false
to prevent the submitting data by first button
尝试这个:
__doPostBack('<%= UploadButton.UniqueID %>', '');
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.