JavaScript 简单的单位转换与单位选择

JavaScript simple unit conversion with unit selection

本文关键字：单位 选择 转换 JavaScript 简单      更新时间：2023-09-26

我正在尝试构建一个带有下拉单位选择的单位转换器，但我正在努力找到一个简单的例子。任何人都可以分享他们的知识、示例或指导我学习教程吗？我是 JavaScript 的新手，并且查看了几个转换网站的源代码，并了解我需要使用数组，但我似乎无法遵循代码在用户输入单元上的外观，然后使用数组中的因子将其转换为选定的输出单元。我想要某种类型的分步指南。任何帮助将不胜感激。

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

你的意思是这样的？

$("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>

相关文章：