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

我有一些 select元素，它们的形式是 我正在使用 Jquery Chosen 插件。如何重置表单？以下内容不起作用:

<input type="reset" />
100749 次浏览
小开

在 jQuery 中，类似的东西应该可以工作

<input name="Text1" id="something" type="text">


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




$("#reset_me").click(function() {
$("#something").val("");
});
小开
最佳答案

您需要重置字段的值，然后触发输入上的 liszt:updated事件以使其更新，我在这里用一个工作示例做了一个小提琴。

Http://jsfiddle.net/vspa3/3/

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

自从被选择的 v1.0发布以来，这个触发器现在被称为“选择: 更新”。任何使用这个新版本的人都需要使用

$(".chosen-select").val('').trigger("chosen:updated");
小开

自从被选择的 v1.0发布以来，这个触发器现在被称为“选择: 更新”。任何使用这个新版本的人都需要使用

$(".chosen-select").val('').trigger("chosen:updated");
小开

你可以试试这个:

$('select').chosen('destroy');


$('select').prop("selectedIndex", -1);
$('select').chosen();
小开

有时候你必须重新设置被调用的选择。

我做这个

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

然后像这样调用这个函数，使用选项作为参数

$('select').chosen_reset({width:'369px'});
小开

为了能够自然地重置工作，请使用以下方法:

$("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');
});
}
小开

如果你的输入在 <form>标签中，那么你可以使用一种更简单的方法:

<form>
<!-- your selects go here and any other input fields -->
<input type="reset" value="Reset">
</form>

我会这么做:

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

参见 在这里拉小提琴。

小开

以前的选择都不适合我。我必须像以前那样做，甚至使用一些原生的 javascript，这里是代码:

$('#dllSample option').each(function(){
$(this)[0].selected = false;
});
$("#dllSample").trigger("chosen:updated");
小开 
$("#Your_id").trigger("chosen:updated");

这招对我很管用

小开

这里所有的答案对我都不起作用。 进口使用选择选择多个属性。 普通的提交表单按钮也没有做到这一点。 所以我只需要一个函数就可以了。

//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++) {
$link[i].click();
}

提交答案