根據選擇框選項乘以一個值

Question

我有一個固定成本的小表格，根據他們的運輸地點和多少個托盤。

例如英國區1至法國區1 = 20 此外英國3區法國區4 = 68

var values = [ 
     [20,25,35,40], 
     [36,42,50,56], 
     [42,56,52,68], 
     [60,70,68,72] 
    ]; 

我想要現在做到的，是如何將我乘上總價值。

因此，例如，如果用戶選擇了英國第1區到法國去1區即£= 20個產品

但是如果他們從選擇框中選擇2的總成本，現在應該是£40

這裏就是我得，但我不能讓它的工作

function updateValue() { 
     var fromCountry = document.querySelector('input[name="from_country"]:checked').value; 
     var toCountry = document.querySelector('input[name="to_country"]:checked').value; 

     var totalValues = values[fromCountry-1][toCountry-1]; 
     var fixValues = document.querySelector('select[name="number"]'); 
     var n = parseInt(fixValues.val(), 10); 

     if(fromCountry && toCountry) { 
      document.getElementById('cost').value = (totalValues * n); 
     } 
    } 

完全小提琴這裏 - http://jsfiddle.net/barrycorrigan/ZXHbq/3/

幫助迫切需要： - ）

Answer 1

val()是jQuery函數。由於您不使用jQuery，請使用fixValues.value。並且不要忘記撥打電話updateValue()，這在您的小提琴中不見了。

Answer 2

這是我用得到它的工作代碼：

function updateValue() { 
     var fromCountry = document.querySelector('input[name="from_country"]:checked').value; 
     var toCountry = document.querySelector('input[name="to_country"]:checked').value; 

     var totalValues = values[fromCountry-1][toCountry-1]; 
     var fixValues = document.querySelector('select[name="number"]'); 
     var n = parseInt(fixValues.value, 10); 

     if(fromCountry && toCountry) { 
      document.getElementById('cost').value = (totalValues * n); 
     } 
    }