我在使用 Jquery Chosen 插件的表单中有一堆select
元素。如何重置表格?以下不起作用:
<input type="reset" />
我在使用 Jquery Chosen 插件的表单中有一堆select
元素。如何重置表格?以下不起作用:
<input type="reset" />
您需要重置字段的值,然后liszt:updated
在输入上触发事件以使其更新,我在这里做了一个工作示例。
$(".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();
为了让重置工作自然使用:
$("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');
});
}
$("#Your_id").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");
这里没有一个答案对我有用。我将选择的选择与多个属性一起使用。正常的提交表单按钮也没有起到作用。所以我只是有一个功能在点击时执行此操作。
//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();
}
有时您必须重置调用选择的选择。
我这样做
jQuery.fn.chosen_reset = function(n){
$(this).chosen('destroy');
$(this).prop('selectedIndex', 0);
$(this).chosen(n)
}
并像这样调用这个函数,将选项作为参数
$('select').chosen_reset({width:'369px'});
在 jQuery 中,这样的东西应该可以工作
<input name="Text1" id="something" type="text">
<input type="reset" id="reset_me"/>
$("#reset_me").click(function() {
$("#something").val("");
});