select2를 사용하여 여러 선택 상자에서 기본 옵션을 선택하는 방법

Question

내 코드에는 세 가지 선택 상자가 있습니다. 선택 상자를 클릭하면 다른 상자가 기본값을 수신하므로 하나의 선택 상자 만 활성화됩니다.

<select class="form-control select2" style="width: 100%;" id="seleciona_combo"> 
    <option value="a">Select food</option> 
    <option>aba</option> 
</select> 

<select disabled class="form-control select2" style="width: 100%;" id="seleciona_Produto"> 
    <option value="b">Select drink</option> 
</select> 

<select class="form-control select2" style="width: 100%;" id="seleciona_adicionais"> 
    <option value="c">Select add</option> 
    <option>oi</option> 
</select> 

자바 스크립트 :

$("#seleciona_combo").on("change", function(){ 
     $("#seleciona_Produto").select2().select2('val','b'); 
     $("#seleciona_adicionais").select2().select2('val','c'); 
    }); 

    $("#seleciona_adicionais").on("change", function(){ 
     $("#seleciona_combo").select2().select2('val','a'); 
     $("#seleciona_adicionais").select2().select2('val','c'); 
    }); 

    $("#seleciona_adicionais").on("change", function(){ 
     $("#seleciona_Produto").select2().select2('val','b'); 
     $("#seleciona_combo").select2().select2('val','a'); 
    }); 

Answer 1

당신이 "기본"으로 첫번째 옵션을 의미하는 가정이 시도 :

$('.form-control').on("change", function(){ 
    var $var = $(this) 
    $('.form-control').each(function(){ 
    if($var != $(this)) 
     $(this).selectedIndex = 0 
    })