Question

我知道这看起来好像已经是一个问题了，也许是。但是我已经检查了所有已经给出的答案，但都没有一个适合我的问题。

这是东西。

我有一段非常简单的代码，例如超级简单。但是我无法使我的脚本正常工作。我总是收到错误未捕获的TypeError：document.getElementbyId不是函数。

很明显，下面的代码只是一个练习/测试代码，我知道它完全没有用。仍然我似乎无法使其正常工作。

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

<!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>

非常简单的脚本在onChange事件上失败。未捕获的TypeError：document.getElementbyId不是函数

1 个答案: