javascript - Javascript/jQuery：从输入元素显示键和值到 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 属性，我可以在其中指定“键”。现在我使用名称属性作为“键”。'textvalue' 变量将是值。

所以：

“核心价值”

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

有什么建议么？

Answer 1

var json = {};

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