Call a server side method when a textbox value is programatically changed by javascript

Question

I have a textbox,

<input type="text" id="hoverChange" runat="server" onchange="hoverAction"/>

I have the below method defined in the server side code,

protected void hoverAction(object sender, EventArgs e)
{
    string sectionName=hoverChange.Value;
    if (sectionName != "") sectionHoverUserControl.displayHoverContent(sectionName);
}

I need the above method to be executed when I programatically set some value to the textbox. I tried to do the below, But neither fired the onchange event,

document.getElementById('<%= hoverChange.ClientID %>').value = "some_text";

or

$('#<%= hoverChange.ClientID %>').val("some_text");

I would appreciate your help! Thanks, Harish

Pointy · Accepted Answer · 2013-03-19 00:10:27Z

1

The browser does not fire "change" events when you update the value of an input programmatically. You can, with jQuery, do this:

$('#<%= hoverChange.ClientID %>').val("some_text").change();

to trigger the event yourself. (You can do it without jQuery, but it's a bit more involved.)

answered Mar 19, 2013 at 0:10

Pointy

415k62 gold badges600 silver badges632 bronze badges

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

1 Comment

Pointy Over a year ago

I realize the post isn't tagged jQuery, but it was used in the body of the question so I call fair :-)

Surya Deepak · Accepted Answer · 2013-03-19 07:53:57Z

0

use keyup event to fire the necessary code..

answered Mar 19, 2013 at 7:53

Surya Deepak

4315 silver badges17 bronze badges

Collectives™ on Stack Overflow

Call a server side method when a textbox value is programatically changed by javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related