Fatal编程技术网
  • javascript/
  • Javascript 未捕获引用错误：未使用onchange定义函数

Javascript 未捕获引用错误：未使用onchange定义函数

javascript

Javascript 未捕获引用错误：未使用onchange定义函数,javascript,Javascript,当我对select标记进行任何更改时，我试图访问JavaScript文件中的Update\u Price函数，但不幸的是出现了未捕获的引用错误。这是我的代码： <!Doctype html> <html> <head> <script type="text/javascript" src="Form-validation.js"></script> </script> </head>

当我对
select
标记进行任何更改时，我试图访问JavaScript文件中的
Update\u Price
函数，但不幸的是出现了未捕获的引用错误。这是我的代码：

<!Doctype html>
<html>
  <head>
    <script type="text/javascript" src="Form-validation.js"></script>
    </script>
  </head>
  <body>
    <select class="Booking-Form-Group" id="combo-box"  onchange="Update_Price()">
          <option value="1">Single Room</option>
          <option value="2">Double Room</option>
          <option value="3">Twin Room  </option>
          <option value="4">Family Room</option>
          <option value="5">Standard Room</option>
          <option value="6">Meeting Hall</option>
          <option value="7">Conference Room</option>
      </select>
  </body>
</html>
你的问题是这条线

document.getElementById('price').innerHTML='Total Price is: '.value;
它应该有一个连接运算符
+
，而不是

document.getElementById('price').innerHTML='Total Price is: ' + value;
您的JS代码是否在
表单validation.JS
中？更改
文档.getElementById（'price'）。innerHTML='Total price is:'。value
to
document.getElementById（'price'）。innerHTML='总价为：'+值
将您的
脚本
标记放在
正文的底部
有一个额外的标记，怀疑这真的会伤害事情。谢谢大家，我通过将脚本标记放在正文的底部修复了错误。这是一个问题，但不是导致错误的原因。@您是对的。似乎没有在全局级别定义
Update\u Price
。正在等待OP更新

document.getElementById('price').innerHTML='Total Price is: ' + value;