Select и onchange
 

Есть форма

<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 только начал, прошу помощи

Блок не модальный, но появляется и прячется.

<form method="post" action="" class="">
    <label>Кто вы?</label>
    <p class="spanishina1">
        <select class="" onchange="some_block.style.display=this.value==1?'block':'none'" 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>
    <div id="some_block" style="display:none">
    Тут нечто нужное
    </div>
</form>

Спасибо большое, заработало)):dance: :dance: