javascript - 为什么这个 jquery 代码不起作用？

Question

我是 jquery 新手。我不知道为什么这段代码不起作用。我有3个下拉框。根据 f_cat1 和 f_cat2 ，将获取 f_university_name ，因为 f_cat1 和 f_cat2 不能为空，这就是为什么我检查 f_university_name 是否为空，试图收集其中的数据。或者f_cat1或f_cat2被改变，也尝试做这个操作。

有人愿意帮助我吗？这是我的代码:

$(document).ready(function(){

     var cat1= $('#f_cat1').val();    // f_cat1,f_cat2 is the id of a dropdown box 
     var cat2= $('#f_cat2').val();

     $('#f_cat1').change(make_change);
     $('#f_cat2').change(make_change);

     var uni_name= $('#f_university_name').val();  
     if(uni_name=="")
     {
         make_change();
     }

});

function make_change()
{
    var post_url ="<?php echo $c_link.'get_university/';?>"+ cat1+'/'+cat2;
    //  alert(post_url);
    $.ajax({
        type: "POST",
        url: post_url,
        //  dataType : "JSON",
        success: function(unis) 
        {
           //  alert('hi');
           $('#f_university_name').empty();
           $.each(unis,function(university_id,university_name)
           {
              var opt = $('<option/>'); 
              opt.val(university_id);
              opt.text(university_name);

              $('#f_university_name').append(opt);
           });


     } //end success
  }); //end AJAX
}

编辑1后:感谢大家回复我，它已经开始工作了。但问题是我无法评论我的声誉很低。我是堆栈溢出的新手，我不了解规则。我无法点击任何东西......我怎样才能摆脱这个？

Answer 1

您的函数 make_change 中没有变量 cat_1 和 cat_2，因为它们在 $(document).ready 中是本地变量(函数(){...})；。将 make_change 函数的定义移到 $(document).ready(function () { ... }); block 中，然后就可以访问它们了。