Nodejs：複数のフォームから1つのオプションのみを選択する

Question

たとえば、以下のように複数のオプションを表示する2つのフォームを持つページがあるとします。そのままで、bootstrapはフォームを送信するときに2つのオプションを選択して両方のフィールドを渡すことができます。

しかし、私はユーザーが1つのフォームのみから選択するようにしたいと思っています。私の場合、下の例ではユーザーはフルーツまたはドリンクを選択できますが、両方は選択できません。

ユーザーが選択した最新のオプションのみをハイライト/選択する方法はありますか？

可能であれば、スクリプトの使用を避けたいと考えています。

ありがとうございました。

<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>を表示することができます。