Question

我有一个代码html：

<div id='dropdown' class='dropdown'>
  <select id='select_drop' class='select_drop'>
  <option value=''>-select-</option>
  <option value='1'>'<value>'</option>
  <option value='2'>'<value>'</option>
  <option value='3'>'<value>'</option>
  </select>
  </div>

这是数据json：

{
    "bahan": [{
        "id_bahan": "4",
        "nm_jenis": "katun"
    }, {
        "id_bahan": "2",
        "nm_jenis": "spandex"
    }, {
        "id_bahan": "2",
        "nm_jenis": "spandex"
    }]
}

我想用数据json填充值，但我id_bahan不止一个。我使用jquery，然后使用.clone()

添加下拉列表

Answer 1

尝试每个循环

var obj = {
    "bahan": [{
        "id_bahan": "4",
        "nm_jenis": "katun"
    }, {
        "id_bahan": "2",
        "nm_jenis": "spandex"
    }, {
        "id_bahan": "2",
        "nm_jenis": "spandex"
    }]
};
$.each(obj.bahan,function(i,v){
   $('body').append('<select id="select_drop" class="select_drop"><option value="'+v.id_bahan+'">'+v.id_bahan+'</option></select>');
});

Answer 2

<div id='dropdown' class='dropdown'>
  <select id='select_drop' class='select_drop'>
  <option value=''>-select-</option>
  </select>
  </div>

将html部分写入此处，稍后使用jquery

填充其他选项

$.each(data.bahan,function(e,i){
    $('#select_drop').append($('<option>', {'value': i.id_bahan,'text': i.nm_jenis}));
});

从数据json中选择下拉列表

2 个答案: