胡鹤婷 2017-09-18 15:03 采纳率: 0%
浏览 3225

document.getELementsById is not a function

<!DOCTYPE html>



儒家二级联动
<br> var seljia = document.getELementsById(&quot;jia&quot;);<br> var jiaArr = [&quot;请选择&quot;,&quot;儒家&quot;,&quot;佛家&quot;,&quot;道家&quot;];<br> var exampleArr = [<br> [&quot;请选择&quot;],<br> [&quot;孔子&quot;,&quot;论语&quot;,&quot;三字经&quot;],<br> [&quot;释迦摩尼&quot;,&quot;金刚经&quot;,&quot;冷颜经&quot;],<br> [&quot;老子&quot;,&quot;庄子&quot;,&quot;北斗经&quot;]<br> ];<br> window.onload = function(){<br> // alert(&quot;haha&quot;);</p> <pre><code> seljia.length = jiaArr.length; for(var i = 0;i&lt;jiaArr.length;i++){ seljia.option[i].text = jiaArr[i]; seljia.option[i].value = jiaArr[i]; } function ChangeExampleSelect(index){ var selExa = document.getElementById(&quot;example&quot;); selExa.length = exampleArr[index].length; for(var i =0;i&lt;exampleArr[index].length;i++){ selExa.options[i].text = exampleArr[index][i]; selExa.options[i].value = exampleArr[index][i]; } } } &lt;/script&gt; </code></pre> <p></head><br> <body></p> <!-- 返回当前选项的下表索引值 --> <pre><code>&lt;select id=&quot;jia&quot; onchange=&quot;ChangeExampleSelect(this.selectedIndex)&quot;&gt; &lt;/select&gt; &lt;select id=&quot;example&quot;&gt; &lt;/select&gt; </code></pre> <p></body><br> </html></p>
  • 写回答

1条回答

  • Go 旅城通票 2017-09-19 00:34
    关注

    document.getElementById
    不是
    document.getELementsById
    注意大小写和拼写正确来

    而且js放到window.onload里面或者dom对象项目，要不无法找到dom对象，因为从上到下解析，dom还没有生成。ChangeExampleSelect放到onload外，要不dom直接onchange绑定的事件要在window作用域下才能访问到

    一堆毛病

    
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>儒家二级联动</title>
</head>
<body>
    <!-- 返回当前选项的下表索引值 -->
    <select id="jia" onchange="ChangeExampleSelect(this.selectedIndex)"></select>
    <select id="example"></select>

    <script type="text/javascript">
        var seljia = document.getElementById("jia");
        var jiaArr = ["请选择", "儒家", "佛家", "道家"];
        var exampleArr = [
          ["请选择"],
          ["孔子", "论语", "三字经"],
          ["释迦摩尼", "金刚经", "冷颜经"],
          ["老子", "庄子", "北斗经"]
        ];

        function ChangeExampleSelect(index) {
            var selExa = document.getElementById("example");
            selExa.length = exampleArr[index].length;
            for (var i = 0; i < exampleArr[index].length; i++) {
                selExa.options[i].text = exampleArr[index][i];
                selExa.options[i].value = exampleArr[index][i];

            }
        }
        window.onload = function () {

            seljia.length = jiaArr.length;
            for (var i = 0; i < jiaArr.length; i++) {
                // // // // // // // // //options，不是option
                seljia.options[i].text = jiaArr[i];
                seljia.options[i].value = jiaArr[i];
            }
        }
    </script>

</body>
</html>
    评论

报告相同问题？

悬赏问题

  • ¥15 对于相关问题的求解与代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料
  • ¥15 使用R语言marginaleffects包进行边际效应图绘制
  • ¥20 usb设备兼容性问题
  • ¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊
  • ¥15 安装svn网络有问题怎么办