Javascript 如何在使用JQuery选择的课程的另一个div中显示学生费用？

我正在建立一个学生注册系统。我想让新申请者看到他们必须根据html选择输入字段中选择的课程类型支付的费用。我写了一个类似的代码，但它不适合我。请帮忙

JQuery代码：

<script>

  $(document).ready(function(e) {

    if($("#coursestype").val()=="Database Technology"){

        $("#fee").html(" GHS 1,1200");
        }


});


  </script>

$（文档）.ready（函数（e）{
if（$（“#coursestype”）.val（）=“数据库技术”）{
$（“费用”）.html（“GHS 11200”）；
}
});

HTML代码：

<label>IPMC Courses :</label>
  <select id="coursestype" name="coursestype">
    <option value="Software Engineering">Software Engineering</option>
    <option value="Database Technology">Database Tech</option>
    <option value="Graphic Web Design" selected="selected">Graphic Web Design</option>
    <option value="Computing">Computing</option>
    <option value="Business I.T">Business I.T</option>
    <option value="Business">Business</option>
    <option value="Tally Certified">Tally Certified</option>
    <option value="AuthoCAD 2010">AuthoCAD 2010</option>
    <option value="Foundation">Foundation</option>
    <option value="Certified Ethical Hacking">Certified Ethical Hacking</option>
  </select>

  Fee:<div id="fee"></div>

IPMC课程：
软件工程
数据库技术
平面网页设计
计算
商业信息技术
生意
理货认证
AuthoCAD 2010
基础
认证道德黑客
费用：

---

请帮助。

您需要等待

选择
以
更改
。此代码将在以下情况下工作：

$(document).ready(function(e) {
    $("#coursestype").change(function(){
        if($("#coursestype").val()=="Database Technology"){
            $("#fee").html(" GHS 1,1200");
        } else {
            $("#fee").html("All the money");
        }
    });
});