我正在建立一个学生注册系统。我希望新申请人看到他们必须根据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>
请帮忙。
答案 0 :(得分:1)
您需要等待select
到change
。这段代码可以使用:
$(document).ready(function(e) {
$("#coursestype").change(function(){
if($("#coursestype").val()=="Database Technology"){
$("#fee").html(" GHS 1,1200");
} else {
$("#fee").html("All the money");
}
});
});