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

Question

我正在开发一个加载项目列表的项目，用户需要能够将属性更改为此项目列表。

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

Answer 1

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

更简洁的方法是使用一个隐藏的表单，其中包含用户更改的selectBox的隐藏字段以及他们将其更改为的值的隐藏字段。工作流程为：用户更改选择框 - ＆gt;更新隐藏字段 - ＆gt;提交隐藏的表格。

Answer 2

OnChange使用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);
    }
});