javascript - 将用户数据从 JSON 提取到展开的选择框并在选择选项时显示值

Question

我想从具有嵌套 JSON 对象的文件中获取 json 数据，如下所示。

{
    "userId": "1",
    "data": {
        "id": 1,
        "name" : "Lorem Ipsum",
        "value" : "Salut Dolor"
    } 
}

一旦我得到它，我想创建一个选择对象，并将 Id 作为显示的文本并将其附加到 div。
创建选择对象后，我还想在加载页面时自动打开选择选项。 从那里选择一个值后，我想显示该 id 的 json 中存在的名称。

我只能从此代码中获取 UserId，我将如何满足要求？

$.ajax({
    url: 'obj.json',
    dataType: 'JSON',
    success: function (data) {
        var items = [];
        $.each(data, function (key, value) {
            items.push('<option id="' + key + '">' + value + '</option>');
        });
        $('<select/>', {
            class: 'intrest-list',
            html: items.join('')
        }).appendTo('body');
    },
    statusCode: {
        404: function () {
            alert("There was a problem");
        }
    }
});

Answer 1

这有什么用？您想将来获取超过 1 个用户吗？
你可以这样:

//user.json
[{id:1,name:'xxxx'},...]

....
 for(var i = 0;i<data.length;i++){
  items.push('<option id="' + data[i].id + '">' + data[i].name+'</option>');
 }
...

或者根据您的情况，您可以直接访问它:

data.data.id
data.data.name
data.data.value

会给你正确的值(value)观