ASP textbox calls javascript function

Question

I have a search textbox in asp. And I want it to send request to the server each time the text is changed there. I have a javascript function which sends request but it is not being called each time when I type something in the text box. How can I call javascript function from ASP textbox?

That is my textbox:

<asp:TextBox ID="search" name="Search" runat="server" onchange="javascript:text_changed();"></asp:TextBox>

That is my js function:

function text_changed() {
     searchedword = document.getElementById("ContentPlaceHolder1_search").value;
     SendRequest();
}

Paste your code for SendRequest - How is this accessing the search term? — Chris L
– Chris L, Commented Jul 17, 2014 at 7:50

Shivam Gupta · Accepted Answer · 2014-07-17 08:01:56Z

8

You should use onKeyPress event to call the function.

<asp:TextBox ID="search" name="Search" runat="server" onKeyPress="javascript:text_changed();"></asp:TextBox>

answered Jul 17, 2014 at 8:01

Shivam Gupta

4274 silver badges16 bronze badges

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

1 Comment

Dave S Over a year ago

onKeyPress and onKeyUp - it seems the value is one behind what you typed in the key press but matches exactly in the key up.

Canavar · Accepted Answer · 2014-07-17 11:33:06Z

3

Shivam's answer is right. You can use KeyPress event to get users key strokes with that event.

But i want to inform you, you should not use ASP.NET control ids like that :

document.getElementById("ContentPlaceHolder1_search").value;

Because you'll get errors if you put your textbox somewhere else in html hierarchy, ASP.NET regenerates it's id.

Try that one, instead :

function text_changed(textObj) {
     searchedword = textObj.value;
     SendRequest();
}

<asp:TextBox ID="search" name="Search" runat="server" 
  onKeyPress="javascript:text_changed(this);"></asp:TextBox>

answered Jul 17, 2014 at 11:33

Canavar

48.1k17 gold badges94 silver badges126 bronze badges

Comments

Anto king · Accepted Answer · 2014-07-17 07:55:24Z

1

The functionality you asking can achieve by

Use onkeyup or onkeydown instead.

This will then run the function when you type or click on the textbox. You can also then detect the keycode of the event, and prevent the function if you dont want it to run for certain keys.

Use the below code

    $("#search").keydown(function(){
    text_changed();
  });
  $("#search").keyup(function(){
    text_changed();
  });

Demo Here

edited Jul 17, 2014 at 7:55

answered Jul 17, 2014 at 7:33

Anto king

1,2221 gold badge13 silver badges26 bronze badges

Comments

DLL_Whisperer · Accepted Answer · 2014-07-17 07:55:33Z

0

give it a try :)

$("#search").change(function(){
      //your ajax codes
});

answered Jul 17, 2014 at 7:55

DLL_Whisperer

8379 silver badges22 bronze badges

2 Comments

UweB Over a year ago

The user didn't state that they were using jQuery, so this won't help him (unless he/she does).

DLL_Whisperer Over a year ago

how would i know that :)

Bhanu Pratap · Accepted Answer · 2016-08-03 12:09:00Z

-1

<script>
function multy(val)
{
alert(val.value+"--"+val.id);
}
</script>
<input id="txtdemo" type="text" onchange="multy(this);"></br>
<input id="txtdemo" type="text" onchange="multy(this);">
</input>

Thanks... :)

answered Aug 3, 2016 at 12:09

Bhanu Pratap

1,76118 silver badges17 bronze badges

1 Comment

krishna chegonda Over a year ago

he is expecting to be done with asp.net textbox control, because he might have some events already written with the control

Collectives™ on Stack Overflow

ASP textbox calls javascript function

5 Answers 5

1 Comment

Comments

Comments

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related