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>

这似乎不起作用。我不确定我是否朝正确的方向前进。如果还有其他方法可以执行此操作，请告诉我。

在Thymeleaf中创建动态表单

0 个答案: