HTML & JQuery：如何将数组添加到 displayBox答案

【问题标题】：HTML & JQuery: how to add array to displayBoxHTML & JQuery：如何将数组添加到 displayBox
【发布时间】：2012-05-09 08:48:04
【问题描述】：

我正在使用 JavaScript 和 Html 创建一个 iPad 应用程序。用于页面设计的 HTML 和用于功能的 JavaScript。我有一个使用 Html 创建的 displayBox，我想使用 javascript 用一系列国家/地区填充它。

它当前只是将数组中的第一项添加到 displayBox，但是当我使用 firefox 调试应用程序时出现以下错误

编辑：

我让它工作了，我不得不把它的末端取下来

之前：

$('#countrySelection').append('<option value="' + this.id + '">' + this.name + '</option>').selectmenu('refresh');

之后

$('#countrySelection').append('<option value="' + this.id + '">' + this.name + '</option>');

.selectmenu('refresh') 导致错误

【问题讨论】：

如果它仍然是静态内容，那么使用 JS 填充它没有任何意义。
你有什么建议，直接从 HTML 页面填充它是吗？
当然。从您提供的信息来看，没有证据表明要求 JS 这样做。

标签： javascript jquery html arrays

【解决方案1】：

我做了一些更新，比如添加 $(document).ready() 处理程序等。

var arrayOfCountries = [{"name":"USA","id":1,"active":"Y"},{"name":"CANADA","id":2,"active":"Y"},{"name":"AALAND ISLANDS","id":270,"active":"Y"},{"name":"AFGHANISTAN","id":236,"active":"Y"},{"name":"ALBANIA","id":109,"active":"Y"},{"name":"ALGERIA","id":17,"active":"Y"},{"name":"AMERICAN SAMOA","id":307,"active":"Y"},{"name":"AMMAN","id":111,"active":"Y"},{"name":"ANDORRA","id":112,"active":"Y"},{"name":"ANGOLA","id":54,"active":"Y"},{"name":"ANGUILLA","id":22,"active":"Y"},{"name":"ANTARTICA","id":308,"active":"Y"},{"name":"ANTIGUA","id":113,"active":"Y"}];

$(document).ready(function(){

if ( $('#countrySelection').find('option').length == 0 ){

    $.loadingMessage = "Retrieving Countries";
    $.showPageLoadingMsg();

        $.each(arrayOfCountries, function() {
            $('#countrySelection').append('<option value="' + this.id + '">' + this.name + '</option>');//.selectmenu('refresh');
        });
       $.mobile.hidePageLoadingMsg();
}

});

【讨论】：

$(document).ready(function() 究竟是如何链接到我正在加载的表单的？是使用 $('#countrySelection') 吗？