Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript jQuery Basics (2014) Creating a Mobile Drop Down Menu Setting a value

jbiscornet
jbiscornet
22,547 Points
Posted by jbiscornet
jbiscornet
22,547 Points

jquery setting the value

Can someone help me on setting the value in jquery? Have been struggling through most of this teachers lessons. I can't figure out how to set the value of #fullName to the var from the user prompt.

js/app.js 
//Show Prompt Window and store value
var fullName = prompt("What is your full name?");

//Select Input with the id of #fullName
$("#fullname").val$("fullName");
//Insert value in to full name input
index.html 
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<label for="fullName">Full Name</label><input id="fullName" name="fullName" value="" disabled>
<script src="//code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

3 Answers

Andrew Kiernan
Andrew Kiernan
26,892 Points
Andrew Kiernan
Andrew Kiernan
26,892 Points

Hey Justin!

Your call to val has an unnecessary $ in it (val() not val$()). Remove the $ and it should work.

jbiscornet
jbiscornet
22,547 Points
jbiscornet
jbiscornet
22,547 Points

Ok, after going over everything again very slowly and analyzing all the code, I figured out all my ?'s. Thanks for the input Andrew, I had to take out the $ and also not enter the var as a string into the value. $("#fullname").val(fullName);

jbiscornet
jbiscornet
22,547 Points
jbiscornet
jbiscornet
22,547 Points

I tried taking the jquery reference "$" out of the code and it still doesn't work. I'm having trouble figuring out how to take the value stored in the var fullName (from the user prompt) and use jquery to plug that into the label tag for fullName in the HTML? I also don't get what part of that label tag in the HTML has to be manipulated in order to add that information? We did a similar thing in the lesson using .val but that was for making the value of one var match another var. It adds much more confusion when we are using .val to set the value of a label for an associated id tag.