我有两个代表年份间隔的下拉框。用户将从第一个年份中选择年份(例如 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>
从 http://jquery.com/download/ 下载 jQuery 库
更新后OP评论http://jsfiddle.net/YNuna/1/
你已经在fiddle中安装了jQuery库。我在下图中用红色标记了它。
还将代码包装在 $(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>");
}
});
});
关于javascript - 我需要加载 JQuery 才能完成这项工作吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19237652/