Отображение данных по умолчанию для списка с помощью jquery

Question

У меня есть два списка, один для оценки и другой для предмета. При смене класса предметы включаются в список предметов. Значения для обоих списков заполняются с помощью вызовов ajax. При выборе предмета соответствующая программа заполняется.

 <select id="gradeSelector">
   <option value=11 > 11</option>
   <option value=12 selected="selected"> 11</option>
 </select>

 <select name=subjects id=subjects>
   <option value=0 selected="selected"> Maths</option>
   <option value=1 >Science</option>
 </select>

У меня вопрос: при загрузке страницы я хотел бы загрузить оценку по умолчанию, тему и программу.

Я пытался сделать это:

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

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

Это помогает отобразить программу предмета и оценки по умолчанию, но я не могу изменить значение списка.

Может ли кто-нибудь пролить немного света, пожалуйста.

Answer 1

Вы можете заполнить данные по умолчанию в раскрывающемся списке при загрузке страницы следующим образом:

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