НОВИНКА!
Занимательная математика от Трепачёва. Присоединяйтесь к нам!
⊗ndExFrSl 48 of 56 menu

Элемент select в Express

Давайте теперь научимся работать с тегом 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' });

Объясните, чем удобнее такой подход.

С помощью выпадающего списка попросите пользователя выбрать его язык.

Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить