Создание динамической формы в Thymeleaf

Question

Я создаю форму на листе чабреца, где у меня есть раскрывающееся меню в качестве первого поля, и на основе выбора из этого раскрывающегося списка другие поля будут появляться динамически.Я думаю использовать для извлечения данных из этого выпадающего списка, а затем показывает остальные поля.

Что я создал (грубо):

</div>
            <script>
function singleSelectChangeValue() {
    //Getting Value
    //var selValue = document.getElementById("singleSelectDD").value;
    var selObj = document.getElementById("singleSelectValueDDJS");
    var selValue = selObj.options[selObj.selectedIndex].value;
    //Setting Value
    document.getElementById("textFieldValueJS").value = selValue;
    document.getElementsByName("textFieldValueJS").value=selValue;
}

</script>

<select id="singleSelectValueDDJS" class="form-control"
                    onchange="singleSelectChangeValue()">
  <option value="0">Select Value 0</option>
  <option value="8">Option value 8</option>
  <option value="5">Option value 5</option>
  <option value="4">Option value 4</option>
</select>

<form>
 <td>
    <a th:if="${textFieldValueJS == '8'}">Code for Remaining input fields for value 8</a>
    <a th:if="${textFieldValueJS == '5'}">Codefor Remaining input fields for value 5</a>
and so on....
</td>
</form>

Это не похоже на работу.Я не уверен, иду ли я в правильном направлении.Если есть другие способы сделать это, пожалуйста, дайте мне знать.