使用Jquery从JSON文件填充值到下拉列表

Question

我有一个html下拉列表。在页面加载时，我必须使用Jquery从JSON.JS文件填充值。

JSON文件包含：

var accounts = ["WHDH","TF"];

Answer 1

添加json.js之后：

$(document).ready(function() {
    $('#myDropdown').empty(); // empty the dropdown (if necessarry)
    $(accounts).each(function(iIndex, sElement) {
        $('#myDropdown').append('<option>' + sElement + '</option>');
    });
});

另见this example。

Answer 2

var html = '';
jQuery.each(accounts, function(i , item) {
   html += '<option value="'+item+'">'+item+'</option>';
}
jQuery('#dropdown').append(html);

从技术上讲，这种变体更快，因为我们只调用一次资源密集型.append()。但是，一旦你尝试添加100多个项目，你才真正“感觉到”差异。