Есть форма
<form method="post" action="" class="">
        <label>Кто вы?</label>
        <p class="spanishina1"><select class="" name="sotr">
          <option selected value=""></option>
          <option value="4">Сотрудник </option>
          <option value="3">Калки</option>
          <option value="1">Ребенок</option>
        </select></p>
      <p class=""><input type="submit" value="Зарегистрироваться" class="regsubmit" name='sbm'></p>
  </form>
Как сделать так что-бы из выпадающего списка по клику на "Ребенок" появлялся блок по центру экрана с дополнительными полями , а если другие ( Калки и Сотрудник ), то ничего не происходило. Js только начал, прошу помощи