2016-07-29 2 views
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> 

답변

0

당신은 양식에 라디오 버튼을 추가하거나 자신의 changed 또는 click 이벤트를 수신하는 이벤트 처리기를 사용하여 현재 선택된 라디오 버튼과 일치하는 <select>을 표시 할 수 있습니다.

관련 문제