Javascript 更改时如何仅提交表单上单个选择框的值？

我正在处理一个加载项目列表的项目，用户需要能够更改此项目列表的属性

---

基本上，我有50个选择框的形式与预先加载的选择。我只想提交用户选择更改的选择框的值。我知道我需要使用on change属性并将其提交。但是，如何仅提交更改的单个元素的值

一种快速的“脏”方法是将每个单独的选择框包装在各自的表单元素中，每个表单都有一个唯一的POST操作

---

一种更简洁的方法是使用一个隐藏表单，其中包含用户更改的selectBox的隐藏字段和用户更改为的值的隐藏字段。工作流程是：用户更改选择框->更新隐藏字段->提交隐藏表单。

一旦更改，使用Ajax将选择框的值通过GET发送到端点

假设Jquery（但任何库或本机JS都可以使用）

一些脏代码（时间限制）让您开始：

var selVal = $("#myselect").val();   
$.ajax({
    type: "GET",
    contentType: "application/json; charset=utf-8",
    url: "url-that-will-handle-the-data",
    data: '{ "param1": selVal }',
    success: function (msg) {
        alert(msg.d);
    }
});

---

你试过什么吗？如果所有的东西都被发布了，更少的资源只是更新所有的东西而不是检查更改，这会有什么伤害吗。