單元選擇JavaScript簡單單元轉換

-1

我試圖用單元的下拉選擇來構建單元轉換器，但我正在努力尋找一個簡單的例子。任何人都可以分享他們的知識，一個例子或指導我參加一個教程嗎？我是JavaScript新手，查看了幾個轉換網站的源代碼，並理解我需要使用一個數組，但我似乎無法追蹤代碼如何查看用戶輸入單元，然後使用該陣列到選定的輸出單元。我想要一些類型的一步一步的指導。任何幫助將不勝感激。單元選擇JavaScript簡單單元轉換

來源

2016-03-05 EV-O

你在找什麼轉換？ –

您需要發佈一些您無法理解的代碼，然後詢問您不明白的具體問題。 –

我想一個非常簡單的例子，其中用戶有一個數字輸入與單位選擇，然後另一個數字輸入被禁用，並將顯示該功能的結果，這個輸入也有一個單位選擇器，最後一個按鈕，onclick將調用該函數。毫米，釐米，米，公里，T，磅等簡單的東西。 –

<input type="text" id="input"/> 
<select id="inputOptions" onchange="change()"> 
<option >meter</option> 
<option>cm</option> 
</select> 

<input type="text" readonly id="result" id="result"/> 
<select id="resultOptions" onchange="change()"> 
<option>meter</option> 
<option>cm</option> 
</select> 

<script> 
function change() 
{ 
var inputValue = document.getElementById("input").value; 
var inputUnit = document.getElementById("inputOptions").value; 
var outputUnit = document.getElementById("resultOptions").value; 

var convertedResult; 

if(inputUnit === 'meter'){ 
     if(outputUnit ==='meter'){ 
    convertedResult = inputValue; 
    } 
    else 
    { 
     convertedResult = inputValue * 100; 
    } 
} 
else 
{ 
      if(outputUnit ==='meter'){ 
    convertedResult = inputValue/100; 
    } 
    else 
    { 
     convertedResult = inputValue; 
    } 
} 

document.getElementById("result").value = convertedResult; 
} 
</script>

來源

2016-03-05 22:38:51

你的意思是這樣的？

$("select").change(function() { 
 
    $("#cur_value").remove(); 
 
    $(document.body).append("<span id='cur_value'>" + $(this).val() + "</span>"); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <select id="currency"> 
 
    <option value=".9">USD</option> 
 
    <option value=".008">YEN</option> 
 
    </select> 
 
</form> 
 

 
<span> conversion rate to EURO: </span>

來源

2016-03-05 22:46:03 John

單元選擇JavaScript簡單單元轉換

回答

相關問題