Сбросить значения в определенной таблице, которые редактируются по нажатию кнопки Сброс

Question

На странице HTML у меня есть три раздела с 3 таблицами.У каждого table есть своя собственная кнопка Reset, которая должна сбрасывать только те секции, для которых она требуется.К сожалению, я использовал одну и ту же форму для всех трех, и если будет создано 3 отдельные формы, многое предстоит изменить.

Можно ли таким способом сбросить только определенный раздел страницы?

Answer 1

form.reset() встроен в браузер, поэтому его поведение не может быть изменено.

Альтернативой является написание собственного кода в javascript для сброса полей каждой таблицы, например:

function resetInput1(e){
    document.getElementById('input1').value = document.getElementById('input1').defaultValue;
}
function resetInput2(e){
    document.getElementById('input2').value = document.getElementById('input2').defaultValue;
}

document.getElementById("btn1").addEventListener('click', resetInput1, true);
document.getElementById("btn2").addEventListener('click', resetInput2, true);

Пример скрипта здесь

Answer 2

здесь вы можете написать метод javascript для сброса всех элементов, доступных в вашем разделе, и вызвать функцию по нажатию на кнопку сброса, используя form.reset сбросит всю форму.несколько форм на странице и поместите кнопку сброса внутри каждого и сбросьте.

Если вы используете .net, вы не можете иметь несколько форм на одной странице.для этого вам придется отключить / скрыть другие формы.

// ПОСЛЕ ВАШИХ КОММЕНТАРИЙ К МОЕМУ ПОСТУ1009 *

когда пользователь изменяет любой текст в текстовом поле, меняет индекс в выпадающем меню, снимает флажки и т. Д. И нажимает кнопку сброса

, вы вызовете функцию javascript, которая установит значения из скрытогополя обратно к соответствующим элементам управления.Это сохранит вашу обратную связь с сервером для извлечения деталей по умолчанию из базы данных.

в противном случае вы можете использовать методы ajax для повторного связывания значений по умолчанию с элементом в HTML-форме.Я особенно упоминаю здесь методы Ajax, потому что, если мы снова разместим веб-страницу, она сбросит все ваши значения в других разделах.

Надеюсь, это ясное объяснение.