Nodejs: выбор только одной опции из нескольких форм

Question

Предположим, у меня есть страница с двумя формами, отображающая несколько параметров, как показано ниже. Как бы то ни было, bootstrap позволит пользователю выбрать два варианта и передать оба поля при отправке формы.

Но я хочу заставить пользователя выбрать только одну форму, которая в моем случае ниже означает, что пользователь может выбрать только фрукты или напитки, но не оба.

Итак, есть ли способ выделить/выбрать только последний вариант, выбранный пользователем?

Я хотел бы избежать использования сценариев, если это возможно.

Благодарим за помощь.

<form action="/orderfood" method="post" role="form"> 
<div> 
    <label>Fruit</label> 
    <select class="form-control" name="fruit" multiple="multiple"> 
    {{#each food.fruit}} 
     <option value="{{_id}}">{{food.fruit}}</option> 
    {{/each}} 
    </select> 
</div>   
<div> 
    <label>Drink</label> 
    <select class="form-control" name="drink" multiple="multiple"> 
    {{#each food.drink}} 
     <option value="{{_id}}">{{food.drink}}</option> 
    {{/each}} 
    </select> 
</div> 
</form> 

Answer 1

Вы можете добавить кнопки радио в форме и использовать обработчик событий для прослушивания либо их changed или их click события и показать <select>, что соответствует кнопке выбранного радио.