<form method="" action="">
  <div>
    <span>Тип</span>
    <select name="tip">
      <option value="Бревно">Бревно</option>
      <option value="Брус">Брус</option>
      <option value="Каркас">Каркас</option>
    </select>
  </div>
  <div id="block1" style="display:block;">
    <span>Диаметр бревна</span>
    <select name="diametr">
      <option value="22 см">22 см</option>
      <option value="24 см">24 см</option>
      <option value="26 см">26 см</option>
    </select>
  </div>
  <div id="block2" style="display:none;">
    <span>Сечение бруса</span>
    <select name="sechenie">
      <option value="150x150">150x150</option>
      <option value="150x200">150x200</option>
      <option value="200x200">200x200</option>
    </select>
  </div>
  <div id="block3" style="display:none;">
    <span>Толщина стен</span>
    <select name="tolshina">
      <option value="100">100</option>
      <option value="150">150</option>
      <option value="200">200</option>
    </select>
  </div>
</form>

Выше привел пример формы.
Нужно скрывать блоки

 id="block1", "block2", "block3"

в зависимости от выбора типа name="tip"

То есть, если в типе name="tip" выбрано "Бревно", то id="block1" style="display:block;", а id="block2" и id="block3" style="display:none;"
Если пользователь выбирает в типе name="tip" "Брус" - то блоки id="block1" и id="block3" style="display:none;", а id="block2" style="display:block;"

https://jsfiddle.net/hppv14Ln/3/