更新输入字段时的TextChange

Question

我有两个文字字段

我有两个字段，即图片中所述的参考和酒店ID，

值（valeur）是可编辑的并且键（nom）是固定的，我需要做的是每当下面的值（valeur）改变时，JSON中的参数的上述输入字段将被更新

所以输入参数将只更新JSON格式的值，这些值在下面进行了修改。

输入字段参数将作为JSON格式保存在DB中，如图像

中所示

Answer 1

维护对象和事件（比如提交按钮），选择文本框的值并添加到对象。使用JSON.stringify将其添加到隐藏文本框中。

演示：http://jsfiddle.net/abhitalks/2hv2K/1/

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
});

编辑（根据Op的评论）：

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

演示2：http://jsfiddle.net/abhitalks/C63tW/2/

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
});