当第二个活动时重置第一个选择列表...（select2插件）

Question

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

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

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

但它不起作用。代码为here

Answer 1

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

Demo

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

参见 Doc

  

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