jquery - 当第二个处于活动状态时重置第一个选择列表...（select2插件）

Question

我想在第二个处于活动状态时重置第一个列表，并在第一个列表处于活动状态时重置第二个列表（返回选择一个选项...）...我使用 select2 Jquery 插件。我尝试了代码

$('#second').change(function(){
    $('#first').prop('selectedIndex',0);
});

$('#first').change(function(){
    $('#second').prop('selectedIndex',0);
});

但它不起作用。代码在这里

Answer 1

您可以使用select2重载的val方法传入第一个选项值（如果有）来重置它。

演示

$('#second').change(function(){
    $('#first').select2('val','');
});
$('#first').change(function(){
    $('#second').select2('val','');
});

见文档

val ：获取或设置选择。如果不指定 value 参数，则返回当前选中元素的 id 属性。如果指定了 value 参数，它将成为当前选择。