Javascript onchange選項值

Question

我是JavaScript新手，我試圖在單擊選擇標籤時顯示單位。我使用了Switch語句，但它沒有做任何事情。

HTML：

<select class="unit_from"> 
    <option value = "Kilogram">Kilogram</option> 
</select> 

<select id="unit_to" onchange="convert()"> 
<option value = "Metric_ton">Metric ton</option> 
<option value = "Kilogram">Kilogram</option> 
<option value = "Gram">Gram</option> 
<option value = "Milligram">Miligram</option> 
<option value = "Mcg">Mcg</option> 
<option value = "Long_ton">Long ton</option> 
<option value = "Stone">Stone</option> 
<option value = "Pound">Pound</option> 
<option value = "Ounce">Ounce</option> 
</select> 
</div> 

<div class="text_input"> 
<input id="txtValue" type="text" /> 
<p id="print_ans"></p> 

當選擇了選項值，單位是要被顯示在該段ID = print_ans。

的Javascript：

<script> 
function convert() 
    { 
     var kilo = document.getElementById("txtValue").value; 
     var get_unit = convert_unit(); 
    } 

     function convert_unit() 
     { 
      var x; 
      var y = document.getElementById("unit_to").value; 
      switch(y) 
      { 
       case Metric_ton: 
        x = kilo * 0.001; 
        break; 
       case Kilogram: 
        x = kilo * 1; 
        break; 
       case Gram: 
        x = kilo * 1000; 
        break; 
       case Milligram: 
        x = kilo *0.000001; 
        break; 
       case Mcg: 
        x = kilo * 0.000000001; 
        break; 
       case Long_ton: 
        x = kilo * 0.000984207; 
        break; 
       case Stone: 
        x = kilo * 0.00110231; 
        break; 
       case Pound: 
        x = kilo * 0.157473; 
        break; 
       case Ounce: 
        x= kilo * 2.20462; 
        break; 
      } 
      document.getElementById("print_ans").innerHTML = x; 
     } 

例子： http://jsfiddle.net/6Gtcd/4/

Answer 1

你有幾個錯誤：在您的switch聲明你使用的東西，像case Metric_ton:但Metric_ton

應該是一個字符串，不是一個變量，所以它應該是寫case 'Metric_ton':

也kilo沒有在功能convert_unit分配一個值，它是函數的範圍之外，所以你需要的東西是這樣的：

http://jsfiddle.net/6Gtcd/9/

其中kilo被分配一個值在convert_unit之內。事實上，我將convert_unit重命名爲convert，並刪除了原來的convert函數，因爲它似乎沒有必要。