使用jquery onlick将元素值插入表单

我希望使用jquery在单击元素（在本例中为图像）时将其值输入到隐藏表单中（在绿色div中），但当再次单击时，将从表单输入中删除该值（在蓝色div中的元素）。我如何做到这一点，需要进入表单的元素值的数量是无限的（动态的）？ 在本例中，表单字段是可见的，以查看是否输入了值

---

您可以在提交表单时收集目标div的元素，并将它们作为JSON数组以如下形式传递：

$('form').on('submit', function() {
    //create an array
    values = [];
    //add all images in #top-div to the array
    $('#top-div img').each(function() {
        values.push($(this).attr('src'));
    });
    //set the JSON stringified array as the inputs value
    $('input[type=text]').val(JSON.stringify(values));
});​

---

如何使用php分解数组？

foreach（json_decode（$\u POST['input_name']）作为$item）{echo$item；}

$('form').on('submit', function() {
    //create an array
    values = [];
    //add all images in #top-div to the array
    $('#top-div img').each(function() {
        values.push($(this).attr('src'));
    });
    //set the JSON stringified array as the inputs value
    $('input[type=text]').val(JSON.stringify(values));
});​