Javascript text在更新输入字段时更改

我有两个文本字段

我有两个字段，这是参考和酒店id，如图所示

值（valeur）是可编辑的，键（nom）是固定的，我需要做的是JSON中参数的上述输入字段将在每次更改以下值（valeur）时更新

因此，输入参数将只更新JSON格式的值，这些值将在下面修改

---

输入字段参数将以JSON格式保存在数据库中，如图中所示。维护对象，并在事件中（比如提交按钮），选择文本框的值并添加到对象中。使用JSON.stringify将其添加到隐藏的文本框中

演示：

编辑（根据Op的评论）：

如果要更新对象本身，请相应地更改处理程序：

演示2:

---

你的目标很不明确，非常感谢你的回答，但是很抱歉，我没有正确陈述，你能看到我上面问题的更新吗，谢谢，问题是什么？像这样：。我已经编辑了答案。你的答案很好，谢谢！我可以再问你一件事吗？如果引用和hotel_id不是固定的，我们可以从输入参数中已经存在的数据中获取它们，并从JSON解析密钥以获取密钥并动态地将其设置为obj[“key”]？谢谢（1）…输入参数中已有的数据..：我不明白，请解释清楚。（2） 请更改问题的标题。这很令人困惑。这可能是人们结束你的问题的原因。感谢你的建议，我刚刚发现我的示例表中的每一行都是一个循环，因此键和值的行数不是固定的，我是否可以遍历html表的数据并将其转换为JSON格式？这是我的html表格：

var obj = {};  // maintain an object
$("#btn").on("click", function() { // on an event, say a button click
    obj[$("#name").val()] = $("#value").val(); // add the values to the object
    $("#result").val(JSON.stringify(obj)); // stringify and put in the hidden field
});

var obj = {}; 
$("input#name, input#value").on("change", function() { // handle change event
    obj["reference"] = $("#name").val(); // update reference property
    obj["hotel-id"] = $("#value").val(); // update hotel-id property
    $("#result").val(JSON.stringify(obj)); // update the result field
});