我有一个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,但它不起作用,有人建议我如何解决它。
提前致谢并欢迎提出建议。
答案 0 :(得分:0)
只需迭代对象并为每次迭代附加一个选项元素:
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>