Question

这是我在html页面底部的jQuery：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript">
    $(document).ready(function () {
        $('#login').click(function() {
            var co_id = $('#companies').val();
            console.log(co_id); 
        });
    });
    </script>

当我在控制台中键入此jQuery时，键入co_id它可以正常工作，但是当我在浏览器中运行它并选择一个公司并单击正确的按钮时，我会假设我键入{{1}进入Chrome浏览器控制台，它会显示我的选项值？但它回来了：

co_id

这是html：

>co_id
ReferenceError: co_id is not defined

Answer 1

如果设置了src属性，请不要编写代码。

 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function () {
    $('#login').click(function() {
        var co_id = $('#companies').val();
        console.log(co_id);   
    });
});
</script>

Answer 2

您的问题是，Chrome控制台始终在全局范围内运行，但co_id的范围限定为关闭。

要检查值，您有3个选项：

声明co_id属于全局范围。要执行此操作，只需删除变量名称前面的var，然后在全局范围中添加var co_id。我不建议这样做，你不可避免地会忘记让范围再次局部化，你最终会得到很多全局变量。它们可能是许多有趣错误的来源。
更改console.log()以实际输出变量内容，如下所示：console.log(co_id);。
最佳解决方案：通过单击脚本窗格中的行号在函数中设置断点。

console.log不适用于jQuery？

2 个答案: