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

时间:2015-06-10 14:17:57

标签: javascript jquery html

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

JQuery代码:

<script>

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

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

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


});


  </script>

HTML CODE:

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

请帮忙。

1 个答案:

答案 0 :(得分:1)

您需要等待selectchange。这段代码可以使用:

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

JSFiddle