<form method="POST" action=""> <input id=\"datepicker1\" type=\"text\" name=\"van1\" size=\"10\" ><button type=\"button\" onclick=\"van.reset()\">Очистить</button> <input id=\"datepicker2\" type=\"text\" name=\"van2\" size=\"10\" ><button type=\"button\" onclick=\"van.reset()\">Очистить</button> <input id=\"datepicker3\" type=\"text\" name=\"van3\" size=\"10\" ><button type=\"button\" onclick=\"van.reset()\">Очистить</button> <input id=\"datepicker4\" type=\"text\" name=\"van4\" size=\"10\" ><button type=\"button\" onclick=\"van.reset()\">Очистить</button> <input id=\"datepicker5\" type=\"text\" name=\"van5\" size=\"10\" ><button type=\"button\" onclick=\"van.reset()\">Очистить</button>

How to clear the fields selectively, when you click on the button to clear next to the desired field?

    1 answer 1

     <input id=\"datepicker1\" type=\"text\" name=\"van1\" size=\"10\" ><button type=\"button\" onclick=\"clearInput('datepicker1')\">Очистить</button> function clearInput(id) { try{ document.querySelector('#' + id).value = ''; }catch (e) { console.log(e); } }