Javascript 如何使用select2从多个选择框中选择默认选项

Javascript 如何使用select2从多个选择框中选择默认选项,javascript,jquery,jquery-select2,select2,Javascript,Jquery,Jquery Select2,Select2,在我的代码中有三个不同的选择框。我希望当点击一个选择框时,其他选择框会收到一个默认值,这样只有一个选择框处于活动状态 <select class="form-control select2" style="width: 100%;" id="seleciona_combo"> <option value="a">Select food</option> <option>aba</option> </select&g

在我的代码中有三个不同的选择框。我希望当点击一个选择框时,其他选择框会收到一个默认值,这样只有一个选择框处于活动状态

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

假设您的意思是第一个选项为“默认值”,请尝试以下操作:

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