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>。