Hoe vul ik de tweede vervolgkeuzelijst in op basis van de selectie van de eerste vervolgkeuzelijst met jQuery/AJAX en PHP/MySQL?

Ten eerste ziet je document-ready er een beetje vreemd uit, het zou ofwel $(document).ready(function(){}); moeten zijn of het kan gewoon $(function(){}); . zijn .

Ten tweede ziet het doorlopen van het JSON-resultaat er ook een beetje vreemd uit. Probeer in plaats daarvan iets als dit:

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