动态地将可搜索项添加到表以提交表单

Question

我正在尝试构建一个允许快速关联项目的界面。我们有三个班级：

Search For Product: <input type="search">
<table>
    <thead><tr>
        <th> Product ID</th>
        <th> Product Name </th>
        <th> Amount Used </th>
        <th> Remove From List</th>
    </tr></thead>
    <tbody>
        <tr>
            ProductUse #1 details
        </tr>
        <tr>
            ProductUse #2 details
        </tr>
        .....
    </tbody>
</table>

我们已预先填充了1000个产品的产品。我的目标是为Create Service创建一个界面，允许动态地将产品添加到服务中。我可以一次做一个，但这看起来非常慢。

我希望能够在create service razor上创建一个可以执行以下操作的表：

ProductUse

这样当搜索并选择一个项目时，它将被添加到具有JSONObject的相应字段的表中。然后，当提交服务时，它会创建服务并链接用于服务的产品。

我知道如何在创建服务后逐个执行此操作，但是是否可以同时执行此操作？

提前谢谢！