Display default data for list box using jquery

manpreet Best Answer 3 years ago

I have two list boxes, one for grade and another for subject. Upon change of grade the subjects are populated in the subject list. The values for both the lists are populated using ajax calls. Upon selection of subject the relevant syllabus is populated.

  id="gradeSelector">
    value=11 > 11
    value=12 selected="selected"> 11
 

  name=subjects id=subjects>
    value=0 selected="selected"> Maths
    value=1 >Science
 

My question is, on page load I would like to load default grade,subject and syllabus.

I tried doing this:

  $("#gradeSelector").load('change',function(){ /*the options are populated here*/});

  $("#subjects").load('change',function(){/* the options are populated here*/});

It helps display the syllabus of default subject and grade but I am unable to change the value of list box any further.

Could somebody throw some light please.

manpreet 3 years ago

$(document).ready(function() {
    $("#gradeSelector").append($("").val('select').html('select'));
});