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...