Question

我有两个代表年间隔的下拉框。用户将从第一个选择一年（比如2002），下一个下拉框将自动填充等于或大于第一个（2002年及以上）的年份。我相信我有正确的javascript代码（year.js）。

这是：

$("#first").change(function(){
    var val = $("#first option:selected").html();
    $("#second").html("");
    var d = new Date();
     var n = d.getFullYear();

    for (i=val; i<=n;i++){
        $("#second").append("<option>" + i + "</option>");
    }
});

以下是我的html表单代码的一部分：

<body>
<script src="year.js"></script>

<select id= "first">
// Here, I gather my years from my database 
</select>


<select id= "second">
</select>

当我运行它时，我的第二个下拉菜单没有任何反应。我是否需要在我的代码中加载其他东西，比如JQuery？如果是这样，我该怎么做？对不起，我对JQuery不太熟悉。任何帮助将不胜感激。

Answer 1

是的，你需要加载jQuery library来使用jQuery函数。

在使用它之前必须加载jQuery library。

示例

<script src="jquery.js"></script> //a local version 
    or
<script src="http://code.jquery.com/jquery-latest.min.js.js"></script>
<script src="year.js"></script>

从http://jquery.com/download/

下载jQuery库 OP对http://jsfiddle.net/YNuna/1/

的评论后

更新

你在小提琴中加了jQuery library。我在下面的图片中用red color标记了它。

enter image description here

还会将代码包装在$(document).ready(function ()

中

$(document).ready(function () {
    $("#first").change(function () {
        var val = $("#first option:selected").html();
        $("#second").html("");
        var d = new Date();
        var n = d.getFullYear();

        for (i = val; i <= n; i++) {
            $("#second").append("<option>" + i + "</option>");
        }
    });
});

Answer 2

如果您从任何地方复制粘贴javascript代码并且看到$符号，那么一个好的经验法则是它使用jQuery。

请点击此处将其添加到您的网页：http://learn.jquery.com/about-jquery/how-jquery-works/

我是否需要加载JQuery才能使其工作？

2 个答案: