Question

var newOptions = {
    "Option 1": "value1",
    "Option_2": ["value2","v1","v2","v3"],
    "Option 3": "value3"
};

我是jquery和json的新手，我不知道如何访问或解析数据

在Option_2中有多个值，我想拆分它并创建一个新的下拉菜单，其值为Option 2 当我选择选项3时，其他下拉列表会根据这些键更改其选项。

PS：我搜索了很多网站并用Google搜索了数百次，但是找不到答案就是我问这个问题的原因。

我从本网站获得参考https://css-tricks.com/dynamic-dropdowns/ 并尝试使用Json

进行动态下拉列表

Answer 1

这不是JSON数据，而是像这样访问它们：

newOptions['Option 1'];
newOptions['Option_2'][0];
newOptions['Option_2'][1];
....

要在下拉列表中填写它们：

$.each(newOptions['Option_2'],function(item) {
   $('#idOfDropDown').append($('<option>', {value:item, text:item}));
   // Or simply the just use the next line:
   $('#idOfDropDown').append('<option val="'+item+'">'+item+'</option>');
});

Answer 2

您可以尝试这样

$.each(newOptions.Option_2, function (index, elem) {
           alert(elem);
        });

Answer 3

您可以通过以下方式访问json ...

newOptions['Option 1'];

如何在jquery中访问json数据？

3 个答案: