asp.net: run javascript on click?

Question

i have a form and a button a form:

<asp:Button ID="Button1" runat="server" Text="Button" OnClick="SubmitData"  />

i have a method in my c# program. the method is called SubmitData

however i would also like to run a javascript function on this button click as well. how do i do this?

here is my javascript function:

var selectedLanguages = new Array();
jQuery('#lstProblems option:selected').each(function() {
    selectedLanguages.push(jQuery(this).val());
});

i got it from here: jquery listbox return what user selected

how do i run it ? do i have to put it in <script></script> and do some_Function(etc...) ?

Royi Namir · Accepted Answer · 2011-09-19 19:29:45Z

5

you should use the OnClientClick='myJsFunc();'

<asp:Button ID="Button1" runat="server" Text="Button" OnClick="SubmitData" OnClientClick="aaa()" /> 

<script type="text/javascript">

function aaa()
{
var selectedLanguages = new Array();
jQuery('#lstProblems option:selected').each(function() {
    selectedLanguages.push(jQuery(this).val());
});
}
</script>

edited Sep 19, 2011 at 19:29

answered Sep 19, 2011 at 19:12

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Alex Gordon Over a year ago

<asp:Button ID="Button1" runat="server" Text="Button" OnClick="SubmitData" /> how do i modify this>?

meziantou Over a year ago

<asp:Button ID="Button1" runat="server" Text="Button" OnClick="SubmitData" OnClientClick="JS function" />

Alex Gordon Over a year ago

@mid7 thank you!! perhaps you can help with this? stackoverflow.com/questions/7476329/…

meziantou · Accepted Answer · 2011-09-19 19:13:51Z

3

You can use OnClientClick event

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="Your javascript function" OnClick="SubmitData"  />

answered Sep 19, 2011 at 19:13

meziantou

21.5k7 gold badges73 silver badges89 bronze badges

Comments

BrosephRoseph · Accepted Answer · 2011-09-19 19:38:29Z

2

Set up your server side event code the way it seems to be already, then in the Page_Load method of your code behind add the following line:

Button1.Attributes.Add("onclick","yourJavascriptFunction();");

EDIT: To run the function from your edited question, simply create a function of the same name in your javascript file. Something like this:

<script type="text/javascript">
function yourJavascriptFunction()
{
var selectedLanguages = new Array();
jQuery('#lstProblems option:selected').each(function() {
    selectedLanguages.push(jQuery(this).val());
});
}
</script>

edited Sep 19, 2011 at 19:38

answered Sep 19, 2011 at 19:17

BrosephRoseph

2502 silver badges9 bronze badges

2 Comments

Alex Gordon Over a year ago

@j rose this is a beautiful answer thanks so much can you see edited question please

Alex Gordon Over a year ago

@j rose thank you!! perhaps you can help with this? stackoverflow.com/questions/7476329/…

Collectives™ on Stack Overflow

asp.net: run javascript on click?

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related