JavaScript удаляет содержимое формы, скрытой animatedcollapse.hide

Question

Я использую JavaScript, чтобы скрыть и показать содержимое div в простой веб-форме, которую я создал.

Однако я заметил, что отправленная форма (она отправляет форму в виде словаря в Python CGI) может все ещесодержат непустые отправленные значения для скрытых элементов.Обычно это происходит потому, что вы вводите некоторые значения в поле X, щелкаете ссылку, которая скрывает div, содержащий поле X, и затем отправляете.

Я знаю, что могу вручную очистить все поля ввода (т. Е. Поле Xи т. д.) в div, когда div скрыт, но есть ли более элегантный способ сделать это?

Answer 1

С помощью jQuery вы можете сделать манипулирование DOM простым и элегантным.

Для ваших нужд вы можете удалить скрытые элементы ввода перед отправкой: http://jsfiddle.net/tTzn2/.

$("form").submit(function() {
    $(this).find(":hidden").remove(); // hide hidden elements before submitting
});