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

HTML HTML Forms Choosing Options Create a Select Menu

Caroline Freeman
Caroline Freeman
892 Points

Not accepting my answer because no options in my select

I have options because I got the previous challenges correct.

index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HTML Forms</title>
  </head>
  <body>

    <form action="index.html" method="post">
      <h1>Shirt Order Form</h1>
      <select id="color" name="shirt_color">
         <optgroup label="Shirt Color">
        <option value="red">Red</option>
        <option value="yellow">Yellow</option>
        <option value="purple">Purple</option>
        <option value="blue">Blue</option>
        <option value="green">Green</option>
        <option value="orange">Orange</option>
        </optgroup>
      </select>
    </form>

  </body>
</html>

1 Answer

Rachel Johnson
STAFF
Rachel Johnson
Treehouse Teacher

Hi Caroline Freeman , thanks for your question!

From my understanding, it would seem that you are on Task 2 of 4 in the challenge. Task 2 asks for options to be added within the select menu.

While your example does showcase this, the script in place to check answers is looking for <option>s to be nested directly under <select>. As you currently have some optgroups, the script isn't registering these as correct.

All you need to do is remove the optgroup and just ave the options and you'll be good to go!