Reset selected select values ​​in the form

 <form id="some-form"> <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> <button type="reset" from="some-form">reset</button> <button type="submit">submit</button> </form> 

 let form = document.forms[ 'some-form' ]; form.addEventListener( 'submit', form_submitHandler ); function form_submitHandler( { target } ){ target.reset(); } 

 <form id="some-form"> <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> <button type="reset" from="some-form">reset</button> <button type="submit">submit</button> </form> 

 function reset() { $("select").val(""); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action="..." method="POST" id="myform"> <select name="name1" id="name1"> <option value="">Выбрать</option> <option value="1">Пункт 1</option> </select> <select name="name2" id="name2"> <option value="">Выбрать</option> <option value="1">Пункт 1</option> </select> <input type="submit" value="Поехали"/> </form> <input type="button" value="reset" onclick="reset()"/>