javascript - JSON 转换为输入选择的选项

Question

我有一个 json 字符串，我试图将其放入我的选择输入字段的选项中。我希望 Type_label 进入 Type_lable 并且值是类型号。

这是我的json：

var serviceCODES = [{
"type_label": "Medical Care",
"type": "1",

}, {
"type_label": "Surgical",
"type": "2",

}, {
"type_label": "Consultation",
"type": "3",

}]

这是我的html和js

 <select id="datas" name="datas" >

 <script>
    var $select = $('#datas');

    $.each(serviceCODES, function(i, val){
        $select.append($('<option />', { value: (i+1), text: val[i+1] }));
     });
 </script>

由于某种原因，这不起作用。任何帮助将非常感激。

谢谢！

Answer 1

尝试这个：

$select.append('<option value="' + i + '">' + val.type_label + '</option>');

在这些情况下，当您对如何在循环中检索数据感到困惑时，请始终查看函数提供的参数（我总是使用它）：

console.log(arguments);

Answer 2

尝试：

$.each(serviceCODES, function(i, val){
    $select.append($('<option />', { value: (i+1), text: val.type_label}));
});

$.each()将当前索引和项目传递给回调函数。您试图val通过索引访问元素。此外，您可能想要访问val.