将 UI 中的所有输入解析为单个 Json 对象

Question

我创建了一个代码（寻求帮助），它从所有滑块和下拉菜单中选择值。 我想将其解析为一个单独的 json 对象，让我们说“数据”，我该怎么做？ xyz 实际上是包含所有滑块和下拉列表的容器，我想将 UI 中的所有输入解析为单个 json 对象

  <script>
     $(function() {$('#analysis').bind('click', function() {
       $.post('http://127.0.0.1:5002/',{
         'CK': $('CK').val(),
         'OCE': $('OCE').val(),
         'SR': $('SR').val(),
         'ETP': $('ETP').val(),
         'CC': $('CC').val(),
         'RCD': $('RCD').val(),
         'range_01': $('range_01').val(),
         'range_02': $('range_02').val(),
         'range_03': $('range_03').val(),
         'range_04': $('range_04').val(),
       },
       function(data) {
                     var parsed = JSON.parse(data);
//i dont think this is correct- i want to just get data as json object.//
$("#xyz").text(parsed['abc']);
                 });
                return false;
         });
       });
    </script> 

输入图像

Answer 1

看看解决方案https://jsfiddle.net/um9h4L4t/

submit = function() {
    var child = $('#xyz').children();
    var data = {};

    for(var i=0; i<child.length; i++) {
        data[$(child[i]).attr('id')] = $('#' + $(child[i]).attr('id') + ' :selected').val();
    }

    console.log(data);
}

如果您正在寻找相同的，不确定。