Get value from input box with javascript

Question

I have a form and want to pass a value from it to my javascript - and use this value to create a javascript variable.

Im a newbie at javascript and cant get it to work.

Here is my code:

<input id="bartype" name="bartype" type="text" value="<?php echo $bartype; ?>" style="display:none" />

I want to grab the value and in my javascript create this var:

var type = $('#bartype');
var targetUrl = 'listing.php?page=$'+type;

How do I do this?

Thanks a lot

google "jQuery value" and first result is your answer. Why don't try manual first? — Peter
– Peter, Commented Aug 26, 2012 at 17:33
JavaScript works client-side; the PHP is irrelevant, please -when asking JavaScript questions- post the client-side (relevant) HTML, not the server-side script that generates it. — David Thomas
– David Thomas, Commented Aug 26, 2012 at 17:34

Juris Malinens · Accepted Answer · 2012-08-26 17:32:52Z

3

var type = $('#bartype').val();
var targetUrl = 'listing.php?page='+type;

Use google developer tools or firebug to debug javascript

console.log($('#bartype'))

You should go trough some tutorials:

http://docs.jquery.com/Tutorials

answered Aug 26, 2012 at 17:32

Juris Malinens

1,2811 gold badge9 silver badges13 bronze badges

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

3 Comments

Bolli Over a year ago

Actually its not working as I want.. When I inspect the HTML the form part looks right: <input id="bartype" name="bartype" type="text" value="vip" style="display:none"> But the javascript is not getting the type. If I hardcode the type it works: var targetUrl = 'listing.php?page=vip'; But not this: var targetUrl = 'listing.php?page='+type; Any ideas?

Juris Malinens Over a year ago

$(function() { var type = $('#bartype').val(); var targetUrl = 'listing.php?page='+type; console.log($('#bartype').length) })

Juris Malinens Over a year ago

You should wrap all Your jQuery code inside this code $(function() { }) it is shortcut for api.jquery.com/ready

Collectives™ on Stack Overflow

Get value from input box with javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related