Skip to main content

Como colocar resetar un select solo con javascript

Hola mi consulta es al seleccionar el segundo select si utilice el de filtrado, quiero que el primero de filtrar se coloque en la primera opcion y viceversa, solo utilizando javascript intente con el document.getElementById.value y no me resulto, quiero que se mantengan los valores pero que se coloque en la posision inicial

<ul>
<li class="nav-item dropdown limargin">
        <select class="form-control" id="filterType">
           <option class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Filtrar por tipo</option>
           <option>Dragon</option>
           <option>Electric</option>
           <option>Fighting</option>
           <option>Fire</option>
           <option>Flying</option>
           <option>Ghost</option>
           <option>Grass</option>
           <option>Ground</option>
           <option>Ice</option>
           <option>Normal</option>
           <option>Poison</option>
           <option>Psychic</option>
           <option>Rock</option>
           <option>Water</option>
        </select>
 </li>

 <li class="nav-item dropdown limargin">
      <select class="form-control" id="filterEggs">
         <option class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Filtrar por huevos</option>
         <option>2 km</option>
         <option>5 km</option>
         <option>10 km</option>
         <option>Not in Eggs</option>
      </select>
</li>
</ul>