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>


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|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|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|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|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|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>


<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?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

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

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

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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