blocks|key|747675|text|您需要重置该字段的值，然后在输入上触发liszt:updated事件以使其更新，我在这里使用了一个有效的示例。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|747676|http://jsfiddle.net/VSpa3/3/|747677|$(".chzn-select").chosen();
$('a').click(function(){
++++$(".chzn-select").val('').trigger("liszt:updated");
});​|code-block|syntax|javascript|747678|自从Since+v1.0发布以来，触发器现在被称为“Since:updated”。任何使用此新版本的用户都需要使用以下命令触发更新|747679|$(".chosen-select").val('').trigger("chosen:updated");|747680|entityMap|0|LINK|mutability|MUTABLE|url^0|J|D|0|0|S|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|H|3|I|5|J|7|14|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|15|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|G]]]]

<p>You'll need to reset the value of the field, then trigger the <code>liszt:updated</code> event on the input to get it to update, ive made a fiddle with a working example here. </p>

<p><a href="http://jsfiddle.net/VSpa3/3/" rel="noreferrer">http://jsfiddle.net/VSpa3/3/</a></p>

<pre><code>$(".chzn-select").chosen();
$('a').click(function(){
    $(".chzn-select").val('').trigger("liszt:updated");
});​
</code></pre>

<p>Since the release of chosen v1.0 the trigger is now called 'chosen:updated'. Anyone using this new version needs to trigger the update using</p>

<pre><code>$(".chosen-select").val('').trigger("chosen:updated");
</code></pre>


blocks|key|747735|text|自从Since+v1.0发布以来，触发器现在被称为“Since:updated”。任何使用此新版本的用户都需要使用以下命令触发更新|type|unstyled|depth|inlineStyleRanges|entityRanges|data|747736|$(".chosen-select").val('').trigger("chosen:updated");|code-block|syntax|javascript|747737|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|$]]

<p>Since the release of chosen v1.0 the trigger is now called 'chosen:updated'. Anyone using this new version needs to trigger the update using</p>

<pre><code>$(".chosen-select").val('').trigger("chosen:updated");
</code></pre>


blocks|key|531382|text|你可以试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|531383|$('select').chosen('destroy');++

$('select').prop("selectedIndex",+-1);+++
$('select').chosen();|code-block|syntax|javascript|531384|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|$]]

<p>You could try this:</p>

<pre><code>$('select').chosen('destroy');  

$('select').prop("selectedIndex", -1);   
$('select').chosen();
</code></pre>


blocks|key|531512|text|要让重置正常工作，请使用以下命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|531513|$("input[type='reset'],+button[type='reset']").click(function(e){
++++e.preventDefault();

++++var+form+=+$(this).closest('form').get(0);
++++form.reset();

++++$(form).find('select').each(function(i,+v)+{
++++++++$(v).trigger('chosen:updated');
++++});
}|code-block|syntax|javascript|531514|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|$]]

<p>in order to have reset working naturally use this:</p>

<pre><code>$("input[type='reset'], button[type='reset']").click(function(e){
    e.preventDefault();

    var form = $(this).closest('form').get(0);
    form.reset();

    $(form).find('select').each(function(i, v) {
        $(v).trigger('chosen:updated');
    });
}
</code></pre>


blocks|key|531657|text|$("#Your_id").trigger("chosen:updated");|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|531658|这对我很有效|unstyled|531659|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$("#Your_id").trigger("chosen:updated");
</code></pre>

<p>This worked for me</p>


blocks|key|747959|text|为了获得一个更省事的approach...assuming，您的输入位于<form>标记中：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|747960|<form>
++++
++++<input+type="reset"+value="Reset">+
</form>|code-block|syntax|javascript|747961|这就是我要做的：|747962|$("input[type='reset'],+button[type='reset']").click(function(e){
++++++setTimeout(function(){+$("select").trigger("chosen:updated");+},+50);
});|747963|参见fiddle+here。|747964|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/spkdN/^0|10|6|0|0|0|0|2|B|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|14|8|@]|D|@$9|15|A|16|1|17]]|E|$]]|$1|Q|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

<p>For a more hassle free approach...assuming your inputs are inside <code>&lt;form&gt;</code> tags:</p>

<pre><code>&lt;form&gt;
    &lt;!-- your selects go here and any other input fields --&gt;
    &lt;input type="reset" value="Reset"&gt; 
&lt;/form&gt;
</code></pre>

<p>This is what I would do:       </p>

<pre><code>$("input[type='reset'], button[type='reset']").click(function(e){
      setTimeout(function(){ $("select").trigger("chosen:updated"); }, 50);
});
</code></pre>

<p>See <a href="http://jsfiddle.net/spkdN/" rel="nofollow">fiddle here</a>.</p>


blocks|key|748016|text|前面的选项对我都不起作用。我不得不像老学校一样做这件事，甚至使用一些本地javascript，以下是代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|748017|$('#dllSample+option').each(function(){
+++++$(this)[0].selected+=+false;+++
});
$("#dllSample").trigger("chosen:updated");|code-block|syntax|javascript|748018|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|$]]

<p>None of the previous options work for me. I had to do it like the old school, even using some native javascript, here is the code:</p>

<pre><code>$('#dllSample option').each(function(){
     $(this)[0].selected = false;   
});
$("#dllSample").trigger("chosen:updated");
</code></pre>


blocks|key|748177|text|这里的答案对我都不起作用。我正在使用带有多个属性的select。普通的提交表单按钮也不能做到这一点。因此，我只是让一个函数在单击时执行此操作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|748178|//Gets+the+selected+values
var+selected+=+[];
++++for+(var+option+of+document.getElementById('mySelect').options)+{
++++++++if+(option.selected)+{
++++++++++++selected.push(option.value);
++++++++}

++++}

//Resets+the+form
document.getElementById('form1').reset();

//Chosen+values+doesnt+get+reset,+so+we+do+this+manually
//Removes+the+values+selected+by+clicking+on+the+x+icon
$link+=+$('a.search-choice-close');
++++++++++++var+i;
++++++++++++for+(i+=+0;+i+<+selected.length;+i%2B%2B)+{
++++++++++++++++$link[i].click();
++++++++++++}|code-block|syntax|javascript|748179|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|$]]

<p>None of the answers here worked for me.
Im using chosen select with the multiple attribute.
Normal submit form button didnt do the trick either.
So i just had a function do this upon click.</p>
<pre><code>//Gets the selected values
var selected = [];
    for (var option of document.getElementById('mySelect').options) {
        if (option.selected) {
            selected.push(option.value);
        }

    }

//Resets the form
document.getElementById('form1').reset();

//Chosen values doesnt get reset, so we do this manually
//Removes the values selected by clicking on the x icon
$link = $('a.search-choice-close');
            var i;
            for (i = 0; i &lt; selected.length; i++) {
                $link[i].click();
            }
</code></pre>


blocks|key|747817|text|有时，您必须重置调用的select。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|747818|我这样做|747819|jQuery.fn.chosen_reset+=+function(n){
++$(this).chosen('destroy');
++$(this).prop('selectedIndex',+0);
++$(this).chosen(n)
}|code-block|syntax|javascript|747820|像这样调用这个函数，并将选项作为参数|747821|$('select').chosen_reset({width:'369px'});|747822|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Sometimes you have to reset the select that chosen is called on.</p>

<p>I do this</p>

<pre><code>jQuery.fn.chosen_reset = function(n){
  $(this).chosen('destroy');
  $(this).prop('selectedIndex', 0);
  $(this).chosen(n)
}
</code></pre>

<p>And call this function like this, with the options as an argument</p>

<pre><code>$('select').chosen_reset({width:'369px'});
</code></pre>


blocks|key|531129|text|在jQuery中，类似这样的东西应该可以工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|531130|<input+name="Text1"+id="something"+type="text">

<input+type="reset"+id="reset_me"/>


$("#reset_me").click(function()+{+
$("#something").val("");
});|code-block|syntax|javascript|531131|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|$]]

<p>In jQuery something like this should work</p>

<pre><code>&lt;input name="Text1" id="something" type="text"&gt;

&lt;input type="reset" id="reset_me"/&gt;


$("#reset_me").click(function() { 
$("#something").val("");
});
</code></pre>


<p>I have a bunch of <code>select</code> elements in a form with which <a href="https://github.com/harvesthq/chosen" rel="nofollow noreferrer">I am using the Jquery Chosen plugin</a>. How can I reset the form? The following does not work:</p>

<pre class="lang-html prettyprint-override"><code>&lt;input type=&quot;reset&quot; /&gt;
</code></pre>


How can I reset a form with jQuery chosen plugin?

我有一堆形式的select元素。如何重置表单？以下内容不起作用：<input type="reset" />

问如何使用jQuery选择的插件重置表单？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery选择的插件重置表单？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery选择的插件重置表单？
EN