Как очистить все входы, выбрать, а также скрытые поля в форме с помощью jQuery?

Я хотел бы очистить все входы, выбирает, а также все скрытые поля в форме. Использование jQuery - это вариант, который лучше всего подходит.

Какой самый простой способ сделать это... Я имею в виду легко понять и поддерживать.

[EDIT]

Решение не должно путаться с флажками (значение должно оставаться, но состояние проверки должно быть очищено) или кнопку отправки.

То, что я пытаюсь сделать, - это ясная кнопка, которая явно очищает все параметры, введенные пользователем, плюс скрытые поля.

Спасибо!

Ответ 1

$('#myform')[0].reset();

или без jQuery:

document.getElementById('myform').reset();

где myform - это идентификатор формы, содержащей элементы, которые вы хотите очистить.

Вы также можете использовать селектор :input, если поля не находятся внутри формы:

$(':input').val('');

Ответ 2

Чтобы очистить все входы, включая скрытые поля, с помощью JQuery:

// Behold the power of JQuery.
$('input').val('');

Выбирает сложнее, потому что у них есть фиксированный список. Вы хотите удалить этот список или просто выбрать.

Может быть что-то вроде

$('option').attr('selected', false);

Ответ 3

$('#formID')[0].reset(); // Reset all form fields

Ответ 4

Если вы хотите применить четкое значение к определенному числу полей, затем присвойте им идентификатор или класс и примените к ним пустое значение. например:

$('.all_fields').val('');

где all_fields - класс, применяемый к желаемым полям ввода для применения пустых значений. Он будет защищать другие поля, чтобы они были пустыми, которые вы не хотите изменять.

Ответ 5

У меня был несколько более специализированный случай, форма поиска, у которого был вход, который имел автозаполнение для имени человека. Код Javascript устанавливает скрытый ввод, который from.reset() не очищает.

Однако я не хотел, чтобы reset все скрытые входы. Там я добавил класс, search-value, на скрытые входы, которые должны быть очищены.

$('form#search-form').reset();
$('form#search-form input[type=hidden].search-value').val('');

Ответ 6

чтобы очистить все входные теги, такие как input, select, textatea и т.д., запустите этот код

$('#message').val('').change();

Ответ 7

Вы можете поместить это в свой код jquery или он может стоять отдельно:

window.onload = prep;

function prep(){
document.getElementById('somediv').onclick = function(){
document.getElementById('inputField').value ='';
  }
}