Javascript下拉列表未完成完整任务

下面是我在遵循在线教程时改编的javascript。目标是使用2个下拉列表列出第一个查询数据库并生成选项列表以供选择。选择后，第二个列表将根据第一个列表中的选择更改其结果。然而，第二个下拉列表并没有被填充，我认为它在这段代码中，但我对javascript非常陌生。这里有什么我看不到的地方吗。这是供参考的视频

在此处输入代码
$（文档）.ready（函数（）{
$.getJSON（“GetTaxon.php”，success=function（data）
{
var期权=”；
对于（变量i=0；i

我得到的错误是，我认为：

Uncaught TypeError: Cannot read property 'toLowerCase' of null
at Object.success (script.js:24)
at u (jquery-3.3.1.min.js:2)
at Object.fireWith [as resolveWith] (jquery-3.3.1.min.js:2)
at k (jquery-3.3.1.min.js:2)
at XMLHttpRequest.<anonymous> (jquery-3.3.1.min.js:2)

Uncaught TypeError:无法读取null的属性“toLowerCase”
在Object.success（script.js:24）
在u（jquery-3.3.1.min.js:2）
在Object.fireWith[as resolveWith]（jquery-3.3.1.min.js:2）
在k处（jquery-3.3.1.min.js:2）
在XMLHttpRequest。（jquery-3.3.1.min.js:2）

---

有没有办法用toLowerCase参数来避免这种情况？我希望它接受所有的输出，如果可能的话，但我不知道如何做到这一点

“有什么不对劲”是什么意思？请您详细说明一下好吗？问题不是

toLowerCase

，而是您试图从

null

获取它。这反过来表明

数据[i]

没有赋值。这看起来有点奇怪，因为它在for循环中，必须有一定的长度才能进入循环。在循环之前使用

console.log（data）

查看实际数据。

Uncaught TypeError: Cannot read property 'toLowerCase' of null
at Object.success (script.js:24)
at u (jquery-3.3.1.min.js:2)
at Object.fireWith [as resolveWith] (jquery-3.3.1.min.js:2)
at k (jquery-3.3.1.min.js:2)
at XMLHttpRequest.<anonymous> (jquery-3.3.1.min.js:2)