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

Nodejs：从多个表单中只选择一个选项

1 个答案: