Uncaught TypeError: $option.val is not a function

Jason Anello, man, honestly don't know how to post the code... :(, have been trying to post a snapshot but dont see how...

// Problem: looks gross in smaller browser and small devices width. //Solution: Make a drop down menu, for smaller devices

//Create a select and append to menu var $select = $("<select></select>"); $("#menu").append($select);

//Cycle over menu links $("#menu a").each(function(){

var $anchor = $(this);

//Create an option var $option = ("<option></option>");

//Options values are the href of the links

HERE IS WHERE JS SHOWS THE ERROR... $option.val($anchor.attr("href"));

//OPtions text are the texts of the links $option.text($anchor.text());

//Append OPtions to Select $select.append($option);

});

//Create button

Here it goes the is the code...

Hi Vladimir,

For posting snapshots you can check the link I gave above. It's easy to do once you check it out.

One problem I see in your code is that you're not actually creating an option element with this line:

 var $option = ("");

You want to create an option element wrapped in a jQuery object like this:

 var $option = $("<option></option>");

This is done at about the 5:00 mark in the video linked to if you want to review it.

There could be other problems but fix that first and let me know where you're at.

Hi there again, I've checked, and have corrected the $option (not creating and option element...) but still doesn't work, and its driving me crazy, I've checked it hundred times and dont see the mistake... here is the snapshot... By the way, thanks a lot for the quick response!!!!!

Snapshot: https://w.trhou.se/9ivrgyuu4w