非常简单的脚本在onChange事件中失败.未捕获的类型错误:document.getElementbyId不是函数

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

事情是这样的。

我有一段非常简单的代码，比如超级简单。但我无法让我的剧本发挥作用。我总是得到错误Uncaught 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>

有人能帮我找出问题出在哪里吗？

您只是有一个打字错误。功能是

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>

相关内容

最新更新

热门标签：