JSON到输入选择的选项

时间:2013-08-19 20:33:32

标签: javascript json select

我有一串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>

由于某种原因,这不起作用。任何帮助将不胜感激。

谢谢!

2 个答案:

答案 0 :(得分:2)

试试这个:

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

在这些情况下,如果您对如何在循环中检索数据感到困惑,请始终查看函数提供的参数(我总是使用它):

console.log(arguments);

答案 1 :(得分:1)

尝试:

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

$.each()将当前索引和传递给回调函数。您尝试按索引访问val的元素。您也可能想要访问val的某些属性。