Javascript 从动态添加到页面的无序列表中获取数据

我有一个页面，可以在其中创建一些配置部分，该页面的结构如下： 它有一个按钮，用于向页面添加部分视图（使用AJAX调用），在这个部分视图上，我有：

• 下拉选择该节
• 可用项目清单
• 选定项目列表

通过拖放使用jQuery UI（可排序）填充所选项目的列表。用户可以根据需要重复以上项目。我想把从所有下拉列表和所选项目列表中选择的数据传递给控制器

我不知道如何使用

@model

甚至

ViewBag

，因为所选项目列表最初是空的，并且在客户端填充。顺便说一句，我不需要可用物品的清单

更新：

我改变了这个问题，因为我愿意将所有数据放在一个表单中，我放弃了使用javascript收集数据并向我的控制器发出请求的想法。所以现在我尝试使用

FormCollection

来获取数据。唯一的问题是，当我提交表单

FormCollection

时，表单中没有数据

更新2:

---

在查看FormCollection和ModelBinding之后，我遇到了一个障碍。我无法获取表单上没有

名称

属性的项目。问题是

或

元素没有

名称属性。因此，问题是，如果这些元素没有
名称
，如何使用上述方法从这些元素中获取数据？
我找到了解决方案：我放弃了使用列表，转而使用
用户界面中的
选择多个
。这解决了问题，因为select具有name属性，我可以使用
FormCollection
获取数据，这与您尝试的操作类似吗？不完全是。在这个问题中，复选框是根据来自
模型的一些数据生成的。在我的例子中，selected items列表最初是空的，并且通过jQuery在客户端填充，因此我不能使用
模型
来保存数据。好的，我理解。你能使用FormCollection对象吗？