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