实现预制Javascript的问题

时间:2014-04-10 14:40:39

标签: javascript jquery html

我首先想说的是我5天前开始学习HTML,因此我对所有内容都很陌生。

我正在尝试实现此处给出的代码:http://jsfiddle.net/NFXzn/9/

但由于某种原因,下拉菜单为空白。我在这里上传了我的代码:http://gbrowse2014.biology.gatech.edu/viru.html

由于我没有编写代码,我假设问题在于我如何实现代码(特别是javascript)。我已将问题缩小到一个特定功能:

$.each(g_Vehicle, function(index) {
var iYear = g_Vehicle[index].Year;
if ($.inArray(iYear, g_YearsArray) == -1) {
    g_YearsArray.push(iYear);
}
});

我正在使用firefox,我已经通过www.w3schools.com寻找实施技巧,但我没有纠正这个问题。

在旁注中,是否有人知道如何更改代码以使用下拉菜单而不是收件箱?

1 个答案:

答案 0 :(得分:0)

那个循环工作正常。问题是您在加载select之前运行代码,因此没有任何内容附加到页面。将代码包装在$(document).ready( function() { ... });中,或将<script>块移动到页面底部(在HTML完全加载后)。

http://learn.jquery.com/using-jquery-core/document-ready/

(在jsFiddle页面的左上角,你会看到一个显示onLoad的下拉列表 - 它会自动为你完成这项工作。你现在的页面相当于{{ 1}} - 不是你想要的。)