Javascript / jQuery：显示来自input元素的JSON表示的键和值

Question

我在向toJSON字符串显示动态键和值时遇到问题。

这就是我所拥有的：

var element = $(this),
    settings = $.extend({
        color: "#556b2f",
        backgroundColor: "white",
        textSize: "25%",
        toJsonPath: "",
        objectPropertyName: null,
        appendtoJsonElement: "#outputJson",
        hiddenInputField: $('input[name="hiddenField"]'),
        tempInputField: $('<input name="temp" type="text" />')
    }, options),

    toJson = function(textValue){
    var path = settings.toJsonPath;
    var $ElOutput = settings.appendtoJsonElement;

    var key = settings.hiddenInputField.attr("name");
    var value = textValue; 
    var object = key[value];

    if (object){

        path.push(object);
        $($ElOutput).html(JSON.stringify(path, null, '\t'));
    }
    else {
        path.push(textValue);
        $($ElOutput).html(JSON.stringify(path, null, '\t'));
    }

我想在输入标签中有一个data-title属性，我可以在其中指定'key'。 现在我使用name属性作为'key'。 'textvalue'变量将是值。

所以：

“核心价值”

现在我得到的数字显示在引号中。 我需要两者来完成JSON。

有什么建议么？

Answer 1

var json = {};

// Take selectors
$('input').each(function (){ 
    json[$(this).data('title')] = $(this).val();
});