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

Diana Chong
Diana Chong
5,457 Points
Posted by Diana Chong
Diana Chong
5,457 Points

Selecting and inserting value in jQuery

I have no idea how to get started given the methods I have learned so far: .show(), .append(), .click(), .attr(), etc. Please provide any advice possible. Supposedly, I need to use .val but I don't know how to select beforehand. Thank you!

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

//Select Input with the id of #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>
Zachary Piper
Zachary Piper
7,543 Points

You're right that you will need to use .val(), but first you will want to select the element to use it with. Learn about selecting elements with jQuery here. You may want to use a variable to store a reference to the element too, as in:

var myjQueryObject = [select element here];

This will make it easy to do something with it later (perhaps in conjunction with .val()). Remember that jQuery has great documentation on their site.

1 Answer

Marco Boretto
Marco Boretto
29,821 Points
Marco Boretto
Marco Boretto
29,821 Points

if i understood clearly, try this:

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

  //Select Input with the id of #fullName
         var selectedInput = $('#fullName');

//Insert value in to full name input
   selectedInput.val(fullName);

This script will store the text you type in the prompt in a variable called fullName; then select an html element with the id of fullName and store it in an object called selectedInput; finally it append the value of selectedInput in the value field of selectedInput.

hope it helps