Nodejs: Auswahl nur einer Option aus mehreren Formularen

Question

Angenommen, ich habe eine Seite mit zwei Formularen, die mehrere Optionen wie unten angezeigt haben. Wie es ist, wird bootstrap dem Benutzer ermöglichen, zwei Optionen auszuwählen und beide Felder zu übergeben, wenn das Formular übermittelt wird.

Aber ich möchte den Benutzer zwingen, nur aus einem Formular zu wählen, was in meinem Fall bedeutet, dass der Benutzer nur ein Obst oder ein Getränk auswählen kann, aber nicht beides.

Gibt es eine Möglichkeit, nur die letzte vom Benutzer ausgewählte Option zu markieren/auszuwählen?

Ich möchte vermeiden, Skripts zu verwenden, wenn möglich.

Vielen Dank für die Hilfe.

<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

Sie können Optionsschaltflächen zum Formular hinzufügen und einen Ereignishandler entweder auf ihre changed oder ihrer click Veranstaltung und die <select> zeigen zu hören verwenden, die das aktuell ausgewählte Optionsfeld übereinstimmt.