<form>
  <div class="select-wrap">
    <p>Любите есть на ночь?</p>
        <select id="one-question" class="select-item">
            <option>Выберите значение</option>
            <option value="yes">Да</option>
            <option value="no">Нет</option>
        </select>        
  </div>      
  <div class="select-wrap">
        <p class="d-n">Почему?</p>
        <select id="two-question" class="select-item">
            <option>Выберите значение</option>
            <option>Я обжора</option>
            <option>Потому что есть Алёшка у тебя</option>
        </select>
    </div>
  <div class="select-wrap">
        <p class="d-n">Какую еду?</p>
        <select id="three-question" class="select-item">
            <option>Выберите значение</option>
            <option>Пирожки</option>
            <option>Сладости</option>
        </select>
    </div>
    </form>

.select-wrap:not(:first-child) {
  display: none;
}
.select-wrap.shown {
  display: block;
}

var selects = document.getElementsByClassName('select-item');

Array.from(selects).forEach((el, i) => {
     el.onchange = (e) => {
       if (e.target.value == 'Выберите значение') {
          for (let j = i+1; j < selects.length; j++) {
            selects[j].selectedIndex = 0;
            selects[j].parentElement.classList.remove('shown');
          }
        } else {
          if (selects[i+1] !== undefined) {            selects[i+1].parentElement.classList.add('shown');
          }
          for (let j = i+1; j < selects.length; j++) {
            selects[j].selectedIndex = 0;
          }
        }         
     }
});