未捕获的 ReferenceError：$this 未定义 ajax答案

【问题标题】：Uncaught ReferenceError: $this is not defined ajax未捕获的 ReferenceError：$this 未定义 ajax
【发布时间】：2018-02-20 10:13:41
【问题描述】：

我是 javascript 和 ajax 的新手。我想制作这样的动态选择选项列表。

但是当我尝试使用 google chrome developer 编译时出现这样的错误（按 F12）。

这是我的脚本：

<div class="container">

        <div class="row">
            <div class="col-md-offset-3 col-lg-6">
                <h1 class="text-center">Ajax & Codeigniter Select Box Dependent</h1>
                <div class="form-group">
                    <label for="country">Country</label>
                    <select class="form-control" name="country" id="country">
                        <option value="">Select Country</option>
                        <?php foreach ($countries as $country) : ?> 
                            <option value="<?php echo $country->country_id; ?>"><?php echo $country->country_name; ?></option>
                        <?php endforeach; ?>
                    </select>
                  </div>
                  <div class="form-group">
                    <label for="pwd">Province:</label>
                    <select class="form-control" name="province" id="province" disabled="">
                        <option value="">Select Province</option>
                    </select>
                  </div>
            </div>
        </div>
        <!-- /.row -->

    </div>
    <!-- /.container -->

    <!-- jQuery Version 1.11.1 -->
    <script src="http://code.jquery.com/jquery-1.11.1.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="<?php echo base_url() ?>assets/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#country').on('change',function(){
                var country_id = $($this).val();
                if(country_id == '')
                {
                    $('#province').prop('disabled',true);
                }
                else
                {
                    $('#province').prop('disabled',false);
                }
            });
        });
    </script>
</body>

</html>

如果您知道我的代码有什么问题，请帮助我。谢谢

【问题讨论】：

var country_id = $(this).val();
错误信息有什么不明白的地方？

标签： javascript php mysql ajax codeigniter

【解决方案1】：

改变这一行

 var country_id = $($this).val();

到

 var country_id = $(this).val();

【讨论】：

【解决方案2】：

有一个错字，很可能是：

$('#country').on('change',function(){
    var country_id = $($this).val();
    //                 ^ Remove this $ sign
    ...
})

将$($this) 替换为$(this)，因为您没有定义$this。 this（没有$）是上下文。

另外，作为一项改进，您可以通过以下方式删除if 和重复代码：

$('#country').on('change',function(){
  var country_id = $(this).val();
  $('#province').prop('disabled', country_id == '');
});

另外，你可以直接做：

$('#country').on('change',function(){
  $('#province').prop('disabled', this.value == '');
});

【讨论】：

【解决方案3】：

试试这个

 <script>
                $(document).ready(function () {
                    $('#country').on('change', function () {
                        var country_id = $(this).val();
                        if (country_id == '') {
                            $('#province').prop('disabled', true);
                        }
                        else {
                            $('#province').prop('disabled', false);
                        }
                    });
                });
            </script>

【讨论】：