我需要在每个不同的选择中显示不同的输入，并且需要其他输入保持隐藏

Question

我需要显示一个组合框并隐藏其他输入并仅在我选择其中一个选项时显示它们。

我试过这个，但是当我选择一些东西时它们根本就没有显示出来。试过我在网上看到的所有东西，但他们根本没有解决我的问题，我不知道为什么;

function showDiv() {

  getSelectValue = document.getElementById("hidden").value;

  if (getSelectValue == "1") {

    document.getElementById("hidden").style.display = "block";

  } else {

    document.getElementById("hidden").style.display = "none";

  }

}

<select id="select-styled">

  <option selected value="">Nessuna selezione</option>

  <option value="ds">Disposizioni semplici</option>

  <option value="dr">Disposizioni ripetizione</option>

  <option value="cs">Combinazoni semplici</option>

  <option value="cr">Combinazoni ripetizione</option>

  <option value="ps">Permutazioni semplici</option>

  <option value="pr">Permutazioni ripetizione</option>

  <option value="gs">Gestione stringa</option>

</select>

</div>

<br>

<div id="hidden" style="width:200px;" onchange="showDiv()">

  <label for="nTextField">Inserire n</label><br>

  <input type="text" name="textField" class="textField" id="nTextField"><br><br>

  <label for="kTextField">Inserire k</label><br>

  <input type="text" name="textField" class="textField" id="kTextField"><br><br>

  <label for="answerTextField">Ecco la risposta</label><br>

  <input type="text" name="textField" class="textField" id="answerTextField"><br><br>

  <input type="text" name="textField" class="stringManagement" id="stringManagement">

</div>