If you have a select box in a form, you can also instruct Zombie to select a list item for you. Let's change our to-do item creation form to include an additional select box that describes the scope of the item—whether the item is related to work, family, or if it's a personal task.
First, we need to introduce this additional field into the to-do item creation form in templates/todos/new.html, right after the What text area field:
<label for="scope">
Scope
<select name="scope" id="scope">
<option value="" selected="selected">Please select</option>
<option value="work">Work</option>
<option value="personal">Personal</option>
<option value="family">Family</option>
</select>
</label>This will present the following form containing the additional Scope label and a select box:
Now we need to have a test that verifies that this form contains the select element and the option...