blocks|key|3034843|text|我会试着这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3034844|$(function(){
++++$("#searchclear").click(function(){
++++++++$("#d").select2('val',+'All');
++++});
});|code-block|syntax|javascript|3034845|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I'd try something like this:

<pre><code>$(function(){
 $("#searchclear").click(function(){
 $("#d").select2('val', 'All');
 });
});
</code></pre>

blocks|key|2822268|text|还可以使用以下命令重置select2值|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2822269|$(function()+{
++$('#d').select2('data',+null)
})|code-block|syntax|javascript|2822270|或者，您可以在调用select2时传递'allowClear':+true，它将有一个X按钮来重置它的值。|offset|length|style|CODE|2822271|entityMap^0|0|0|J|I|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

You can also reset select2 value using

<pre><code>$(function() {
 $('#d').select2('data', null)
})
</code></pre>

alternately you can pass <code>'allowClear': true</code> when calling select2 and it will have an X button to reset its value.

blocks|key|2822508|text|版本4.0|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2822509|$('#d').val('').trigger('change');|code-block|syntax|javascript|2822510|从现在开始，这是正确的解决方案，根据在调试模式下抛出的弃用消息：“select2("val")方法已被弃用，将在以后的Select2版本中删除。请使用$element.val()。”|offset|length|style|CODE|2822511|entityMap^0|0|0|X|E|23|E|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

<h1>version 4.0</h1>
<pre><code>$('#d').val('').trigger('change');
</code></pre>
This is the correct solution from now on according to deprecated message thrown in debug mode:
&quot;The <code>select2(&quot;val&quot;)</code> method has been deprecated and will be removed in later Select2 versions. Use <code>$element.val()</code> instead&quot;

blocks|key|195658|text|根据最新版本(select2+3.4.5)文档记录的here，它将非常简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|195659|+$("#my_select").select2("val",+"");|code-block|syntax|javascript|195660|entityMap|0|LINK|mutability|MUTABLE|url|http://ivaynberg.github.io/select2/index.html^0|Q|4|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

According to the latest version (select2 3.4.5) documented <a href="http://ivaynberg.github.io/select2/index.html">here</a>, it would be as simple as:

<pre><code> $("#my_select").select2("val", "");
</code></pre>

blocks|key|193912|text|您可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|193913|$("#d").val(null).trigger("change");+|code-block|syntax|javascript|193914|它非常简单，而且工作正常！如果使用重置按钮：|193915|$('#btnReset').click(function()+{
++++$("#d").val(null).trigger("change");+
});|193916|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

you can used:

<pre><code>$("#d").val(null).trigger("change"); 
</code></pre>

It's very simple and work right!
If use with reset button:

<pre><code>$('#btnReset').click(function() {
 $("#d").val(null).trigger("change"); 
});
</code></pre>

blocks|key|198169|text|最好的方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|198170|$('#e1.select2-offscreen').empty();+//#e1+:+select+2+ID
$('#e1').append(new+Option());+//+to+add+the+placeholder+and+the+allow+clear|code-block|syntax|javascript|198171|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The best way of doing it is:

<pre><code>$('#e1.select2-offscreen').empty(); //#e1 : select 2 ID
$('#e1').append(new Option()); // to add the placeholder and the allow clear
</code></pre>

blocks|key|3034951|text|我认为有三个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3034952|3034953|由于窗体重置而更改Select2控件的值时，不会刷新该控件的显示。|ordered-list-item|3034954|+"All“选项没有value属性。|offset|length|style|CODE|3034955|+"All”选项已禁用。|3034956|3034957|首先，我建议您使用setTimeout函数来确保代码在表单重置完成后执行。|3034958|您可以在单击按钮时执行代码：|3034959|$('#searchclear').click(function()+{
++++setTimeout(function()+{
++++++++//+Code+goes+here.
++++},+0);
});|code-block|syntax|javascript|3034960|或者当表单被重置时：|3034961|$('form').on('reset',+function()+{
++++setTimeout(function()+{
++++++++//+Code+goes+here.
++++},+0);
});|3034962|至于使用什么代码：|3034963|由于"All“选项被禁用，因此表单重置不会使其成为选定值。因此，必须将其显式设置为选定值。实现这一点的方法是使用Select2+"val“函数。由于"All“选项没有value属性，因此它的值与其文本相同，即"All”。因此，您应该在所选答案中使用thtsigma给出的代码：|3034964|$("#d").select2('val',+'All');|3034965|如果要将属性value=""添加到"All“选项，那么您可以使用Daniel+Dener给出的代码：|3034966|$("#d").select2('val',+'');|3034967|如果没有禁用"All“选项，那么您只需强制Select2刷新，在这种情况下，您可以使用：|3034968|$('#d').change();|3034969|注意:+Lenart的以下代码是清除选择的一种方法，但它不会导致"All“选项被选中：|3034970|$('#d').select2('data',+null)|3034971|entityMap^0|0|0|0|A|5|0|0|0|9|A|0|0|0|0|0|0|2B|5|0|0|6|8|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1N|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|1O|8|@$H|1P|I|1Q|J|K]]|9|@]|A|$]]|$1|L|3|M|5|E|7|1R|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|1S|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1T|8|@$H|1U|I|1V|J|K]]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1W|8|@]|9|@]|A|$]]|$1|S|3|T|5|U|7|1X|8|@]|9|@]|A|$V|W]]|$1|X|3|Y|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|Z|3|10|5|U|7|1Z|8|@]|9|@]|A|$V|W]]|$1|11|3|12|5|6|7|20|8|@]|9|@]|A|$]]|$1|13|3|14|5|6|7|21|8|@$H|22|I|23|J|K]]|9|@]|A|$]]|$1|15|3|16|5|U|7|24|8|@]|9|@]|A|$V|W]]|$1|17|3|18|5|6|7|25|8|@$H|26|I|27|J|K]]|9|@]|A|$]]|$1|19|3|1A|5|U|7|28|8|@]|9|@]|A|$V|W]]|$1|1B|3|1C|5|6|7|29|8|@]|9|@]|A|$]]|$1|1D|3|1E|5|U|7|2A|8|@]|9|@]|A|$V|W]]|$1|1F|3|1G|5|6|7|2B|8|@]|9|@]|A|$]]|$1|1H|3|1I|5|U|7|2C|8|@]|9|@]|A|$V|W]]|$1|1J|3|-4|5|6|7|2D|8|@]|9|@]|A|$]]]|1K|$]]

I see three issues:

<ol>
<li>The display of the Select2 control is not refreshed when its value is changed due to a form reset.</li>
<li>The "All" option does not have a <code>value</code> attribute.</li>
<li>The "All" option is disabled.</li>
</ol>

First, I recommend that you use the <code>setTimeout</code> function to ensure that code is executed after the form reset is complete.

You could execute code when the button is clicked:

<pre><code>$('#searchclear').click(function() {
 setTimeout(function() {
 // Code goes here.
 }, 0);
});
</code></pre>

Or when the form is reset:

<pre><code>$('form').on('reset', function() {
 setTimeout(function() {
 // Code goes here.
 }, 0);
});
</code></pre>

As for what code to use:

Since the "All" option is disabled, the form reset does not make it the selected value. Therefore, you must explicitly set it to be the selected value. The way to do that is with the Select2 "val" function. And since the "All" option does not have a <code>value</code> attribute, its value is the same as its text, which is "All". Therefore, you should use the code given by thtsigma in the selected answer:

<pre><code>$("#d").select2('val', 'All');
</code></pre>

If the attribute <code>value=""</code> were to be added to the "All" option, then you could use the code given by Daniel Dener:

<pre><code>$("#d").select2('val', '');
</code></pre>

If the "All" option was not disabled, then you would just have to force the Select2 to refresh, in which case you could use:

<pre><code>$('#d').change();
</code></pre>

Note: The following code by Lenart is a way to clear the selection, but it does not cause the "All" option to be selected:

<pre><code>$('#d').select2('data', null)
</code></pre>

blocks|key|2822287|text|如果您有一个填充的选择小部件，例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2822288|<select>
++++<option+value="1">one</option>
++++<option+value="2"+selected="selected">two</option>
++++<option+value="3">three</option>
++++...|code-block|syntax|javascript|2822289|您可能希望说服select2在重置时恢复最初选择的值，类似于本机表单的工作方式。为此，请先重置本机表单，然后更新select2：|2822290|$('button[type="reset"]').click(function(event)+{
++++//+Make+sure+we+reset+the+native+form+first
++++event.preventDefault();
++++$(this).closest('form').get(0).reset();
++++//+And+then+update+select2+to+match
++++$('#d').select2('val',+$('#d').find(':selected').val());
}|2822291|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

If you have a populated select widget, for example:

<pre><code>&lt;select&gt;
 &lt;option value="1"&gt;one&lt;/option&gt;
 &lt;option value="2" selected="selected"&gt;two&lt;/option&gt;
 &lt;option value="3"&gt;three&lt;/option&gt;
 ...
</code></pre>

you will want to convince select2 to restore the originally selected value on reset, similar to how a native form works. To achieve this, first reset the native form and then update select2:

<pre><code>$('button[type="reset"]').click(function(event) {
 // Make sure we reset the native form first
 event.preventDefault();
 $(this).closest('form').get(0).reset();
 // And then update select2 to match
 $('#d').select2('val', $('#d').find(':selected').val());
}
</code></pre>

blocks|key|193929|text|我发现效果很好，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|193930|如果你有一个像'All‘或'-Select-’这样的占位符选项，并且它是第一个选项，那就是当你‘重置’时你想要设置的值，你可以使用|193931|$('#id').select2('val',0);|code-block|syntax|javascript|193932|0本质上是您希望在重置时将其设置为的选项。如果你想将其设置为最后一个选项，那么获取选项的长度，并将其设置为长度-+1。基本上使用任何选项的索引，以便在重置时将select2值设置为。|193933|如果您没有占位符，并且只想在字段中不显示任何文本，请使用：|193934|$('#id').select2('val','');|193935|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|V|8|@]|9|@]|A|$G|H]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

What I found works well is as follows:

if you have a placeholder option like 'All' or '-Select-' and its the first option and that's that you want to set the value to when you 'reset' you can use

<pre><code>$('#id').select2('val',0);
</code></pre>

0 is essentially the option that you want to set it to on reset. If you want to set it to the last option then get the length of options and set it that length - 1. Basically use the index of whatever option you want to set the select2 value to on reset.

If you don't have a placeholder and just want no text to appear in the field use:

<pre><code>$('#id').select2('val','');
</code></pre>

blocks|key|198335|text|就是这样:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|198336|$('#form-edit').trigger("reset");
$('#form-edit').find('select').each(function(){
++$(this).change();
});|code-block|syntax|javascript|198337|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just to that :)

<pre><code>$('#form-edit').trigger("reset");
$('#form-edit').find('select').each(function(){
 $(this).change();
});
</code></pre>

blocks|key|195677|text|要实现通用解决方案，为什么不这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|195678|$(':reset').live('click',+function(){
++++var+$r+=+$(this);
++++setTimeout(function(){+
++++++++$r.closest('form').find('.select2-offscreen').trigger('change');+
++++},+10);
});|code-block|syntax|javascript|195679|这样，您就不必为应用程序中的每个select2创建新的逻辑。|195680|而且，您不必知道默认值(顺便说一句，它不必是""，甚至不是第一个选项)|offset|length|style|CODE|195681|最后，将值设置为:selected并不总是实现真正的重置，因为当前选定的值可能已经在客户机上以编程方式进行了设置，而form+select的默认操作是将输入元素值返回给服务器发送的值。|195682|EDIT:或者，考虑到live的弃用状态，我们可以用下面的代码替换第一行：|BOLD|195683|$('form:has(:reset)').on('click',+':reset',+function(){|195684|或者更好的是：|195685|$('form:has(:reset)').on('reset',+function(){|195686|PS:我个人认为，在重置时重置，以及触发附加到原始select的blur和focus事件，是select2中一些最明显的“缺失”功能！|195687|entityMap^0|0|0|0|M|2|0|8|9|1M|B|0|0|5|B|4|0|0|0|0|0|3|W|4|11|5|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|15|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|16|8|@$K|17|L|18|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|19|8|@$K|1A|L|1B|M|N]|$K|1C|L|1D|M|N]]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1E|8|@$K|1F|L|1G|M|S]|$K|1H|L|1I|M|N]]|9|@]|A|$]]|$1|T|3|U|5|D|7|1J|8|@]|9|@]|A|$E|F]]|$1|V|3|W|5|6|7|1K|8|@]|9|@]|A|$]]|$1|X|3|Y|5|D|7|1L|8|@]|9|@]|A|$E|F]]|$1|Z|3|10|5|6|7|1M|8|@$K|1N|L|1O|M|S]|$K|1P|L|1Q|M|N]|$K|1R|L|1S|M|N]]|9|@]|A|$]]|$1|11|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]]|12|$]]

To achieve a generic solution, why not do this:

<pre><code>$(':reset').live('click', function(){
 var $r = $(this);
 setTimeout(function(){ 
 $r.closest('form').find('.select2-offscreen').trigger('change'); 
 }, 10);
});
</code></pre>

This way:
You'll not have to make a new logic for each select2 on your application.

And, you don't have to know the default value (which, by the way, does not have to be <code>""</code> or even the first option)

Finally, setting the value to <code>:selected</code> would not always achieve a true reset, since the current selected might well have been set programmatically on the client, whereas the default action of the <code>form select</code> is to return input element values to the server-sent ones. 

EDIT:
Alternatively, considering the deprecated status of <code>live</code>, we could replace the first line with this:

<pre><code>$('form:has(:reset)').on('click', ':reset', function(){
</code></pre>

or better still:

<pre><code>$('form:has(:reset)').on('reset', function(){
</code></pre>

PS: I personally feel that resetting on reset, as well as triggering <code>blur</code> and <code>focus</code> events attached to the original select, are some of the most conspicuous "missing" features in select2!

blocks|key|195689|text|Select2使用一个特定的CSS类，因此重置它的一个简单方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|195690|$('.select2-container').select2('val',+'');|code-block|syntax|javascript|195691|而且，如果您在同一表单中有多个Select2，则可以使用这一条命令重置所有这些all。|195692|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Select2 uses a specific CSS class, so an easy way to reset it is:

<pre><code>$('.select2-container').select2('val', '');
</code></pre>

And you have the advantage of if you have multiple Select2 at the same form, all them will be reseted with this single command.

blocks|key|198258|text|有时我想重置Select2，但没有change()方法就无法重置。所以我的解决方案是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|198259|function+resetSelect2Wrapper(el,+value){
++++$(el).val(value);
++++$(el).select2({
++++++++minimumResultsForSearch:+-1,
++++++++language:+"fr"
++++});
}|code-block|syntax|javascript|198260|使用：|198261|resetSelect2Wrapper("#mySelectId",+"myValue");|198262|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Sometimes I want to reset Select2 but I can't without change() method. So my solution is :

<pre><code>function resetSelect2Wrapper(el, value){
 $(el).val(value);
 $(el).select2({
 minimumResultsForSearch: -1,
 language: "fr"
 });
}
</code></pre>

Using :

<pre><code>resetSelect2Wrapper("#mySelectId", "myValue");
</code></pre>

blocks|key|193961|text|对我来说，它只能与这些解决方案中的任何一个一起工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|193962|$(this).select2('val',+null);|code-block|syntax|javascript|193963|或|193964|$(this).select2('val',+'');|193965|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

For me it works only with any of these solutions

<pre><code>$(this).select2('val', null);
</code></pre>

or 

<pre><code>$(this).select2('val', '');
</code></pre>

blocks|key|2822513|text|++++//+Store+default+values
++++$('#filter_form+[data-plugin="select2"]').each(function(i,+el){
++++++++$(el).data("seldefault",+$(el).find(":selected").val());
++++++++});

++++//+Reset+button+action
++++$('#formresetbtn').on('click',+function()+{
++++++++$('#filter_form+[data-plugin="select2"]').each(function(i,+el){
++++++++++++$(el).val($(el).data("seldefault")).trigger('change');
++++++++++++});
++++++++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2822514|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> // Store default values
 $('#filter_form [data-plugin="select2"]').each(function(i, el){
 $(el).data("seldefault", $(el).find(":selected").val());
 });

 // Reset button action
 $('#formresetbtn').on('click', function() {
 $('#filter_form [data-plugin="select2"]').each(function(i, el){
 $(el).val($(el).data("seldefault")).trigger('change');
 });
 });
</code></pre>

blocks|key|2822598|text|如果要重置编辑页中的表单，可以将此按钮添加到表单|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2822599|<button+type="reset"+class="btn+btn-default"+onclick="resetForm()">Reset</button>|code-block|syntax|javascript|2822600|然后像这样编写JS代码：|2822601|function+resetForm()+{
++++setTimeout(function()+{
++++++++$('.js-select2').each(function+()+{
++++++++++++$(this).change();
++++++++++++/*+or+use+two+lines+below+instead+*/
++++++++++++//+var+oldVal+=+$(this).val();
++++++++++++//+$(this).select2({'val':+oldVal});
++++++++});
++++},+100);
}|2822602|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

If you want to reset forms in edit pages, you can add this button to forms
<pre><code>&lt;button type=&quot;reset&quot; class=&quot;btn btn-default&quot; onclick=&quot;resetForm()&quot;&gt;Reset&lt;/button&gt;
</code></pre>
and write your JS code like this:
<pre><code>function resetForm() {
 setTimeout(function() {
 $('.js-select2').each(function () {
 $(this).change();
 /* or use two lines below instead */
 // var oldVal = $(this).val();
 // $(this).select2({'val': oldVal});
 });
 }, 100);
}
</code></pre>

blocks|key|195846|text|有很多很棒的答案，但在最新的版本中，没有一个对我有效。如果你想要一个适用于所有select2的通用解决方案，这是完美的选择。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|195847|版本4.0.13已测试|195848|$(document).ready(function()+{
++++$('form').on('reset',+function(){
++++++++console.log('triggered+reset');
++++++++const+$r+=+$(this);
++++++++setTimeout(function(){
++++++++++++$r.closest('form').find('.select2-hidden-accessible').trigger('change');
++++++++},+10);
++++});
});|code-block|syntax|javascript|195849|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Lots of great answers, but with the newest version none worked for me. If you want a generic solution for all select2 this is working perfectly.
Version 4.0.13 tested
<pre><code>$(document).ready(function() {
 $('form').on('reset', function(){
 console.log('triggered reset');
 const $r = $(this);
 setTimeout(function(){
 $r.closest('form').find('.select2-hidden-accessible').trigger('change');
 }, 10);
 });
});
</code></pre>

blocks|key|194013|text|删除所有选项值的步骤|type|unstyled|depth|inlineStyleRanges|entityRanges|data|194014|$("#id").empty();|code-block|syntax|javascript|194015|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

to remove all option value
<pre><code>$(&quot;#id&quot;).empty();
</code></pre>

What would be the best way to reset the selected item to default? I'm using Select2 library and when using a normal button <code>type="reset"</code>, the value in the dropdown doesn't reset.

So when I press my button I want "All" to be shown again.

jQuery

<pre><code>$("#d").select2();
</code></pre>

html

<pre><code>&lt;select id="d" name="d"&gt;
 &lt;option selected disabled&gt;All&lt;/option&gt;
 &lt;option value="1"&gt;1&lt;/option&gt;
 &lt;option value="2"&gt;2&lt;/option&gt;
 &lt;option value="3"&gt;3&lt;/option&gt;
&lt;/select&gt;
</code></pre>

Resetting Select2 value in dropdown with reset button

服务器

jQuery

将所选项目重置为默认值的最佳方法是什么？我使用的是Select2库，当使用普通的按钮type="reset"时，下拉菜单中的值不会重置。因此，当我按下我的按钮时，我希望"All“再次显示。jQuery$("#d").select2();html<select id="d" name="d"> <option selected disabled>All</option> <option valu

问使用重置按钮重置下拉菜单中的Select2值
EN

回答 18

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用重置按钮重置下拉菜单中的Select2值EN

回答 18

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用重置按钮重置下拉菜单中的Select2值
EN