I want to append items selected from a combobox to a table. And on form submit, I want all the items from the table to become a list of the command object.
Situation
There is a class called 'Tool'. And this Tool class has a list of "Distribution Points".
On The User Interface:
A user selects an item (Distribution location) from a combobox aka Option(HTML) and add it to a table.
Expected behaviour:
The user click on 'submit' on the form, everything on the table is saved to the list distribution point of the tool object.
Relevant Code:
<div class="w-100 col-md-6">
<table id="tablepointsDeDistribuicao" class="w-100 tab" border="2" >
<tr id="head">
<th>Distribution Points</th>
</tr>
<tr th:each="point, index: ${tool .distributionPoints}">
<td th:value="${point.id}" th:field="${tool.distributionPoints[index]}" th:text="${point.name}"></td>
</tr>
</table>
<div class="row col-md-6">
<select id="pointDeDistribuicao" class="form-control">
<option></option>
<option th:id="${point.id}" th:each="point : ${pointsDeDistribuicao}" th:value="${point.id}" th:text="${point.name}"></option>
</select>
<input type="button" value="Add" name="Add" onclick="addPoint()"/>
<input type="button" value="Remove" name="Remove" onclick="removePoint()" />
</div>
</div>
question from:
https://stackoverflow.com/questions/65540847/how-to-add-items-to-a-list-using-a-combobox 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…