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>

使用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
  })

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

1 个答案: