Javascript 2使用on.（change）jquery选择表单_Javascript_Jquery

Javascript 2使用on.（change）jquery选择表单

javascript jquery

Javascript 2使用on.（change）jquery选择表单,javascript,jquery,Javascript,Jquery,这是我的项目的php文件。它显示正确，但问题是jquery没有完成他的工作。如果我选择在deps中，我假设课程中只显示相同的值。但遗憾的是，它不起作用。请帮忙。 <script src="script.js" type="text/javascript"></script> <body> <select name="deps" id="deps"> <option selected="selected" value="

这是我的项目的php文件。它显示正确，但问题是jquery没有完成他的工作。如果我选择在deps中，我假设课程中只显示相同的值。但遗憾的是，它不起作用。请帮忙。

<script src="script.js" type="text/javascript"></script>
<body>
    <select name="deps" id="deps">
        <option selected="selected" value=""> - department -</option>
        <option value="md">Masteral Degree</option>
        <option value="cd">College Degree</option>
        <option value="hs">High School</option>
        <option value="gs">Grade School</option>
    </select>

    <select name="courses" id="courses">
        <option selected="selected" value=""> - course/year/grade -</option>
        <option value="md">Master of Arts (MA)</option>
        <option value="md">Master of Science (MSc)</option>
        <option value="cd">Bachelor of Science in Accountancy (BSA)</option>
        <option value="cd">Bachelor of Science in Civil Engineering (BSCE)</option>
        <option value="hs">2nd year</option>
        <option value="hs">1st year</option>
        <option value="gs">Grade 2</option>
        <option value="gs">Grade 1</option>
    </select>

这有什么问题？有解决方案吗？

它正在工作。我相信您没有使用过

jQuery

。所以添加jQuery

$（文档）.ready（函数（）{
$（“#deps”）。关于（“更改”，函数（）{
var$dep=$（this.val（），
$课程=$（“#课程”）；
如果（！$dep）{
$course.find（“选项”）.show（）；
$course.val（“”）；
}否则{
$course.find（“选项”）.hide（）；
$course.find（“选项[value*=”+$dep+“]”）.show（）.prop（'selected'，true））；
}
});
});

-系-
硕士学位
大学学历
高中
小学
-课程/年级/年级-
文学硕士（文学硕士）
理学硕士（理学硕士）
会计学理学士（BSA）
土木工程理学学士（理学士）
第二年
第一年
二级
一级
我已经编写了javascript代码。请使用此脚本
 <script type="text/javascript">

    $(document).ready(function(){
        $('#deps').on("change", function() {
            if($(this).val()){
                deps= $(this).val();
                $("#courses option").each(function(){
                    course=$(this).val();
                    if(course==deps){ // EDITED THIS LINE
                            $('#courses option[value="' + deps + '"]').prop('selected', true);
                        }
                });
            }
        })  
    });

</script>


$（文档）.ready（函数（）{
$（'#deps'）。关于（“更改”，函数（）{
if（$（this.val（））{
deps=$（this.val（）；
$（“#课程选项”）。每个（函数（）{
课程=$（this.val（）；
如果（course==deps）{//编辑了这一行
$（“#课程选项[value=“”+deps+”）.prop（'selected'，true）；
}
});
}
})  
});
您的代码没有问题。我在这里也做过同样的测试。你能激活你的控制台并观看日志吗？你的JS文件中的其他地方一定有错误。我测试了你的代码，没有发现任何问题。请查看你的控制台以找出错误。可能有错误，或者可能在另一个JQuery脚本包含JQuery之前，页面顶部缺少JQuery文件。您需要在顶部的脚本标记中包含jQuery。您可以使用CDN或本地下载的版本库来获取答案，但我无法使用。我该怎么办？两个文件都使用升华文本。这就是问题所在吗？能否在车身标签前添加，并进行检查
 <script type="text/javascript">

    $(document).ready(function(){
        $('#deps').on("change", function() {
            if($(this).val()){
                deps= $(this).val();
                $("#courses option").each(function(){
                    course=$(this).val();
                    if(course==deps){ // EDITED THIS LINE
                            $('#courses option[value="' + deps + '"]').prop('selected', true);
                        }
                });
            }
        })  
    });

</script>