passing a textbox value to a javascript function asp.net

Question

I am having a little difficulty with this one. Trying to pass a textBox value to a javascript function and get undefined instead.

Advice perhaps on how I can get this variable to the function

<input type="image" runat="server" id="btnSearchFunction" src="Images/searchIcon.png" name="image" onclick="SearchContent();" width="16" height="20" />
<input type="hidden" name="searchValue" value="<%#txtSearch.Value %>" />
<input type="text" runat="server" id="txtSearch" name="searchValue" class="input-medium search-query" placeholder="Search ..."/>

and this is the function I am trying to pass it to

function SearchContent() {
    var txtBoxValue = $(this).parent().find("input[name='searchValue']").val();
    alert(txtBoxValue);
}

You are right, sorry about that

Arianule
– Arianule

2013-07-25 12:41:48 +00:00
Commented Jul 25, 2013 at 12:41 — Arianule
– Arianule, Commented Jul 25, 2013 at 12:41

Mike Perrenoud · Accepted Answer · 2013-07-25 12:39:09Z

3

How about something more direct:

var txtBoxValue = $('#txtSearch').val();
alert(txtBoxValue);

answered Jul 25, 2013 at 12:39

Mike Perrenoud

68.1k32 gold badges167 silver badges238 bronze badges

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

5 Comments

Damith Over a year ago

this will find by ID, is it working for name Attribute as well?

Mike Perrenoud Over a year ago

@Damith, notice the markup, the id of the text box is txtSearch.

Damith Over a year ago

from the question input[name='searchValue'] , OP try to find input with name searchValue, I'm not the Down Voter :)

Mike Perrenoud Over a year ago

@Damith, and I'm letting the OP know there is a much better way. An id is specified, use it. Working up the DOM trying to find something then below is messy at best, especially when not necessary.

Mike Perrenoud Over a year ago

@Arianule, not a problem friend. I'm glad I could be of assistance!

Collectives™ on Stack Overflow

passing a textbox value to a javascript function asp.net

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related