Javascript 我需要加载JQuery才能使其工作吗？_Javascript_Jquery_Html_Forms_Drop Down Menu

Javascript 我需要加载JQuery才能使其工作吗？

javascript jquery html forms drop-down-menu

Javascript 我需要加载JQuery才能使其工作吗？,javascript,jquery,html,forms,drop-down-menu,Javascript,Jquery,Html,Forms,Drop Down Menu,我有两个代表年份间隔的下拉框。用户将从第一个年份（如2002年）中选择一年，下一个下拉框将自动填充等于或大于第一个2002年及以上的年份。我相信我有正确的javascript代码year.js 这是： $("#first").change(function(){ var val = $("#first option:selected").html(); $("#second").html(""); var d = new Date(); var n = d.ge

我有两个代表年份间隔的下拉框。用户将从第一个年份（如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不是很熟悉。任何帮助都将不胜感激

是的，您需要加载jQuery库才能使用jQuery函数

在使用jQuery库的函数之前，必须先加载它

范例

<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>

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

有关将其添加到页面的信息，请参见此处：

$first.changefunction{}；是对jQuery函数的调用，因此需要加载jQuery才能使其工作。您可以在哪里获得代码的地方找到大量文档？我在部分javascript代码方面得到了帮助。但是我在JSFIDLE上使用过它，它似乎很有效。@user2562125给出fiddle的链接。所以如果我在JQuery中使用你的第二个代码，我就不需要下载它了？我正在尝试，但它不起作用。我应该把它放在头上还是放在身体上？@user2562125是的，如果你使用第二个脚本并且在“$document.readyfunction”中扭曲代码，你不需要下载。请参见答案。我的元素在标记中。这就是它不起作用的原因吗？

$(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>");
        }
    });
});