Javascript 如何实现这个jQuery代码

我刚刚得到了一个问题的解决方案，但我真的不确定如何实际实施它

$(function(){
    $.get('file1.php', function(data){
       $('#dropdown1').html( data ); 
    });

    // on change of dropdown1 populate dropdown2 with the respective data 
    $('#dropdown1').change(function(){
        $.get('file2.php',{ make: $(this).val() }, function(data){
            $(this).html( data ); 
        }); 
    }); 
}); 

这是我问的问题
我仍然不确定如何格式化file1和file2.php，以及如何将其实现到我的表单中。

---

我真的很感谢你的建议/帮助。谢谢

换句话说，您想了解一下这个JavaScript的功能吗

$.get('file1.php', function(data){
    $('#dropdown1').html( data );
}); 

第一个AJAX调用将file1.php的输出作为HTML内容加载到id为dropdown1的元素中——这可能是一个select标记，因此您需要一个

元素列表

$('#dropdown1').change(function(){
    $.get('file2.php',{ make: $(this).val() }, function(data){
        $('#dropdown2').html( data );
    });
});

第二个调用

file2.php？make=abc

，其中abc是在dropdown1中选择的值，并将该值的内容再次作为HTML加载到dropdown2中。因此，您可能还想输出

元素的列表

$('#dropdown1').change(function(){
    $.get('file2.php',{ make: $(this).val() }, function(data){
        $('#dropdown2').html( data );
    });
});

---

但是，有更简洁的方法可以做到这一点，例如返回数据的JSON列表，然后在客户端将它们组合成选项。特别是，您可以存储最后选择的值，以防用户在列表之间切换，在等待AJAX调用完成时，将两个下拉列表切换为“加载”或类似选项，等等。

Wow，我觉得有点迟钝lol。我以为这是php:/这就是它不起作用的原因。谢谢你的解释！