Элемент select в Express
Давайте теперь научимся работать с тегом
select.
Сделаем такой выпадающий список в нашей форме:
html<form action="" method="POST">
<select name="test">
<option>item1</option>
<option>item2</option>
<option>item3</option>
</select>
<input type="submit">
</form>
После отправки формы в req.data селекта
будет содержаться значение выбранного тега
option:
index.jsapp.post('/', function(req, res) {
console.log(req.body.test); // 'item1', 'item2' или 'item3'
});
Задание 1
С помощью выпадающего списка предложите пользователю выбрать страну, в которой он живет.
Атрибут value
Давайте для пунктов списка укажем атрибут
value:
html<form action="" method="POST">
<select name="test">
<option value="1">item1</option>
<option value="2">item2</option>
<option value="3">item3</option>
</select>
<input type="submit">
</form>
В этом случае на сервер будет отправляться именно значение этого атрибута:
index.jsapp.post('/', function(req, res) {
console.log(req.body.test); // '1', '2' или '3'
});
Задание 2
Объясните, чем удобнее такой подход.
Задание 3
С помощью выпадающего списка попросите пользователя выбрать его язык.