如何從JSON

Question

創建HTML選擇選項我有一個JSON文件

{ 
    "1990": [ 1, 2, 3 ], 
    "1991": [ 4, 5, 6 ] 
    // and so on... 
}; 

我有一個HTML文件，我通過它循環，因爲有大量的數據。

<select name="year" id="year"> 
    <option value="1990">1</option> 
    <option value="1990">2</option> 
    <option value="1990">3</option> 
    <option value="1991">4</option> 
    <option value="1991">5</option> 
</select> 

我試過this way但它不起作用，因爲這沒有任何建議我如何解決它。

http://jsfiddle.net/MuGj7/

在此先感謝和歡迎的建議。

Answer 1

只是想迭代對象和附加選項元素每次迭代：

var obj = { 
 
    "1990": [ 1, 2, 3 ], 
 
    "1991": [ 4, 5, 6 ] 
 
}; 
 

 
for (var i in obj) { 
 
    for (var y in obj[i]) { 
 
    $('#year').append($('<option value="' + i + '" data-value="' + i + '">' + obj[i][y] + '</option>')); 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<select name="year" id="year"><select>