Jqueryを使用してJSONファイルからドロップダウンリストに値を設定します

Question

私はHTMLドロップダウンリストを持っています。ページが読み込まれると、Jqueryを使用してJSON.JSファイルから値を取り込む必要があります。

JSONファイルが含まれています：json.js後

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

Answer 1

が追加されました：

$(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以上のアイテムを追加しようとすると、あなたは本当に違いを感じるだけです。