very simple script fails on onChange event. Uncaught TypeError: document.getElementbyId is not a function

Question

我知道这可能看起来像一个已经问过的问题，而且它可能是。但我已经检查了所有已经给出的答案，其中 none 符合我的问题。

事情是这样的。

我有一段非常简单的代码，比如超级简单。但我无法让我的脚本工作。我总是收到错误 Uncaught TypeError: document.getElementbyId is not a function.

显然下面的代码只是练习/测试代码，我知道它完全没有价值。我似乎还是无法让它发挥作用。

我已经尝试将脚本移动到正文但没有任何变化：

<!DOCTYPE html>
<html>
<head>
<title>SUPPORTO FUNZIONALE BI</title>

<script>

    function selectValues(){

    var ruolo = document.getElementbyId("select_ruolo").innerHTML;
    console.log(ruolo);

}

</script>



</head>

<body>



<h1>SUPPORTO FUNZIONALE BI</h1>

<div id= 'main_nav'> <!-- INIZIO MAIN_NAV  -->
    <ul>
        <li><a href="SF.html">HOME</a></li>
    <!--    <li><a href ="">SERVIZI ATTIVI / DA ATTIVARE</a></li> -->
        <li><a href ="">FAQs</a></li>
        <li><a href="service_management.html">SERVICE MANAGEMENT</a></li>
    </ul>
</div> <!--  FINE MAIN_NAV-->   

<div id= 'content'><!-- INIZIO_CONTENT -->
    <form>
        <fieldset>
            <legend> User information </legend>
                Nome: <input type="text" label="nome utente">
                Cognome: <input type="text" label="cognome"> 
                Ruolo: <select id= "select_ruolo" onchange="selectValues();">
                            <option>-</option>
                            <option>ISF</option>
                            <option>DM</option>
                            <option>RCM</option>
                            <option>RPM</option>
                            <option>Head of Franchise</option>
                        </select>
                Linea/Franchise: <select id ="select_linea">
                            <option> </option>
                                </select>
        </fieldset>
    </form>

 <div> <!-- FINE CONTENT -->

</body>

</html>

谁能帮我找出问题所在？

Answer 1

你只是打错了字。函数是

document.getElementById("element")

B大写。它对我有用

<!DOCTYPE html>
<html>
<head>
<title>SUPPORTO FUNZIONALE BI</title>

<script>

    function selectValues(){

    var ruolo = document.getElementById("select_ruolo").innerHTML;
    console.log(ruolo);

}

</script>



</head>

<body>



<h1>SUPPORTO FUNZIONALE BI</h1>

<div id= 'main_nav'> <!-- INIZIO MAIN_NAV  -->
    <ul>
        <li><a href="SF.html">HOME</a></li>
    <!--    <li><a href ="">SERVIZI ATTIVI / DA ATTIVARE</a></li> -->
        <li><a href ="">FAQs</a></li>
        <li><a href="service_management.html">SERVICE MANAGEMENT</a></li>
    </ul>
</div> <!--  FINE MAIN_NAV-->   

<div id= 'content'><!-- INIZIO_CONTENT -->
    <form>
        <fieldset>
            <legend> User information </legend>
                Nome: <input type="text" label="nome utente">
                Cognome: <input type="text" label="cognome"> 
                Ruolo: <select id= "select_ruolo" onchange="selectValues();">
                            <option>-</option>
                            <option>ISF</option>
                            <option>DM</option>
                            <option>RCM</option>
                            <option>RPM</option>
                            <option>Head of Franchise</option>
                        </select>
                Linea/Franchise: <select id ="select_linea">
                            <option> </option>
                                </select>
        </fieldset>
    </form>

 <div> <!-- FINE CONTENT -->

</body>

</html>

very simple script fails on onChange event. Uncaught TypeError: document.getElementbyId is not a function

very simple script fails on onChange event. Uncaught TypeError: document.getElementbyId is not a function

html

javascript

onchange

getelementbyid

typeerror