Jak wypełnić drugie menu rozwijane na podstawie wyboru pierwszego menu rozwijanego za pomocą jQuery/AJAX i PHP/MySQL?

Po pierwsze, twój dokument gotowy wygląda trochę nie tak, powinien to być $(document).ready(function(){}); lub może to być po prostu $(function(){}); .

Po drugie, zapętlenie wyniku JSON również wygląda trochę dziwnie. Zamiast tego wypróbuj coś takiego:

$.each(data.subjects, function(i, val){    
   $('select#item_2').append('<option value="' + val.id + '">' + val.name + '</option>');
});