select2を使用して複数の選択ボックスからデフォルトオプションを選択する方法

Question

私のコードには3つの異なる選択ボックスがあります。私は、選択ボックスがクリックされると、他の選択ボックスがデフォルト値を受け取り、選択ボックスが1つしかアクティブでないようにしたいと思います。

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

Javascriptを：

$("#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 
    })