從JSON產生<optGroupTag>

Question

我有這樣

{ name: [ 'a', 'b' ], property: [ 'art', 'test' ] }

從這個josn數據如何創建一個<optgroupTag> 與lablesname ,property 名valuesa,b,c 屬性值art,test

<select> 
    <optgroup label="name"> 
    <option value="a">a</option> 
    <option value="b">b</option> 
    </optgroup> 
    <optgroup label="property"> 
    <option value="art">art</option> 
    <option value="test">test</option> 
    </optgroup> 
</select> 

Answer 1

你可以試試這個。基本上，你必須重複你JSON

var data = { 
    name: ['a', 'b'], 
    property: ['art', 'test'] 
}; 
var html = ''; 
for (var item in data) { 
    html += '<optgroup label="' + item + '">'; 
    $.each(data[item], function (innerItem, index) { 
     html += '<option value="' + innerItem+ '">' + innerItem+ '</option>'; 
    }) 
    html += '</optgroup>' 
} 
$('select').html(html); 

DEMO

var data = { 
    name: ['a', 'b'], 
    property: ['art', 'test'] 
}; 
var html = ''; 
for (var item in data) { 
    html += '<optgroup label="' + item + '">'; 
    $.each(data[item], function (index, value) { 
     html += '<option value="' + value + '">' + value + '</option>'; 
    }) 
    html += '</optgroup>' 
} 
$('select').html(html); 

DEMO 2