0
다음과 같이 여러 가지 옵션을 표시하는 두 개의 양식이있는 페이지가 있다고 가정 해 봅니다. 그렇기 때문에 bootstrap
을 사용하면 양식을 제출할 때 두 가지 옵션을 선택하고 두 필드를 모두 전달할 수 있습니다.Nodejs : 여러 양식에서 단 하나의 옵션 만 선택
하지만 사용자가 한 가지 양식 만 선택하도록하고 싶습니다. 아래의 사례에서는 사용자가 과일이나 음료 중 하나만 선택할 수 있지만 둘 다 선택할 수는 없습니다.
사용자가 선택한 최신 옵션 만 강조 표시하거나 선택하는 방법이 있습니까?
가능하면 스크립트를 사용하지 않는 것이 좋습니다.
도움 주셔서 감사합니다.
<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>