使用select2重置选择字段

Question

我正在尝试重置像这样的选择字段

$('#name').change(function(){
  $('#name2').val( $('#name2').prop('defaultSelected') );
});

但这不适用于select2 ..

这是一个jsfiddle我希望它看起来像我的工作方式！

这应该是新的.. http://jsfiddle.net/js3vV/

Answer 1

在第二个下拉列表中添加defaultSelected属性以设置下拉列表的默认选定值，它将允许返回$('#name2').prop('defaultSelected')下拉列表的默认值，这将重置第一个下拉列表中的第二个下拉列表。

<select id="name2" defaultSelected="">
<option value="">select all</option>
<option value="1">Text 1</option>
<option value="2">Text 2</option>
<option value="3">Text 3</option>
</select>

Answer 2

   $('#name').change(function(){
  $('#name2').val( $('#name2').prop('defaultSelected') );
});
$('#name2').change(function(){
  $('#name').val( $('#name').prop('defaultSelected') );
});

为此添加一个函数，我测试了，我认为它有效。 在这里你小提琴，

`