未捕获的ReferenceError：函数未使用onchange定义

Question

I'm trying to access to Update_Price function in JavaScript file when I make any changing on select tag, but unfortunately the Uncaught Reference Error appear. 当我在select标签上进行任何更改时，我正在尝试访问JavaScript文件中的Update_Price函数，但遗憾的是出现了Uncaught Reference Error。 This is my code: 这是我的代码：

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

This is my JavaScript code. 这是我的JavaScript代码。

function Update_Price(){

    alert('Warning');

    var combo = document.getElementById('combo-box');
    var index = combo.options[combo.selectedIndex].value;

    var value = 0;
    if (index == 1){
        value = 15;
    }
    else if(index == 2 || index == 3){
        value = 25;
    }
    else if(index == 4){
        value = 40;
    }
    else if(index == 5){
        value = 20;
    }
    else{
        value = 60;
    }
    alert(value);

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

}

Answer 1

Your problem is this line 你的问题是这一行

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

It should have a concatenation operator + instead of . 它应该有一个连接运算符+而不是.

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

未捕获的ReferenceError：函数未使用onchange定义

问题描述

1 个解决方案

解决方案1
3 2016-04-22 08:35:41

未捕获的ReferenceError：函数未使用onchange定义

问题描述

1 个解决方案

解决方案1 3 2016-04-22 08:35:41

解决方案1
3 2016-04-22 08:35:41