Retrieve value from asp:textbox with JQuery

Question

I have a few asp:textbox controls in a form on a webpage, below is a snippet. The first is a field where the recipient is entered, the other is a larger textarea where the recipients name should be loaded into, along with some other text. ``` ``` A standard message is loaded into this second textbox with use of JQuery with this code: ``` $(".usermessage").val("Hello etc"); ``` This works nicely, the message is shown. When a user enters the name of a recipient or his own name in one of the other textboxes, addNames() is triggered. This function adds the name of the recipient to the standard message in the usermessage box. ``` function addNames() { //update textbox var recipient = $(".recipient").val(); var sender = $(".name").val(); $(".user…

Accepted Answer

As far as I can tell doing

```
var recipient = $(".recipient")
```

Will select all dom elements with a CLASS of recipient. Your input box has a class of "inputBox".

You need to select by its ID using the #

So:

```
var recipient = $("#recipient")
```

But you are using ASP.NET controls, which give it a unique ID generated on the server so it's unique. (in your case it's ctl00_contentPlaceHolderRightColumn_recipient)

To select you will need to do

```
var recipient = $("#<%=recipient.ClientID%>")
```

-edited out some syntax errors

Retrieve value from asp:textbox with JQuery

Solution

Problem