У меня есть группа элементов select
в форме, с которой Я использую плагин Jquery Chosen. Как я могу reset форму? Не работает следующее:
<input type="reset" />
У меня есть группа элементов select
в форме, с которой Я использую плагин Jquery Chosen. Как я могу reset форму? Не работает следующее:
<input type="reset" />
Вам нужно будет 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();
чтобы reset работал естественным образом:
$("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');
});
}
Ни один из предыдущих вариантов не работает для меня. Я должен был сделать это, как в старой школе, даже используя какой-то собственный javascript, вот код:
$('#dllSample option').each(function(){
$(this)[0].selected = false;
});
$("#dllSample").trigger("chosen:updated");
$("#Your_id").trigger("chosen:updated");
Это сработало для меня
Иногда вам нужно reset вызывать выбранный выбранный.
Я делаю это
jQuery.fn.chosen_reset = function(n){
$(this).chosen('destroy');
$(this).prop('selectedIndex', 0);
$(this).chosen(n)
}
И вызовите эту функцию, как это, с параметрами в качестве аргумента
$('select').chosen_reset({width:'369px'});
Для более удобного подхода... если ваши входы находятся внутри тегов <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);
});
Смотрите скрипку здесь.
В jQuery что-то вроде этого должно работать
<input name="Text1" id="something" type="text">
<input type="reset" id="reset_me"/>
$("#reset_me").click(function() {
$("#something").val("");
});