JavaScript公頃、畝和平方米的轉換

螞蟻小編發表於2018-07-12
JavaScript

本章節分享一段程式碼例項，能夠實現公頃、畝和平方米的相互轉換效果。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
window.onload=function(){
  var a=parseInt('0'); 
  var sel=document.getElementById('sel');
  sel.selectedIndex=2-a;
  var lastUnit=document.getElementById('sel').value;
  var input=document.getElementById("input0");
 
  var fRate={
    公頃:{畝:15,平方米:10000},
      畝:{平方米:10000/15,公頃:1/15},
   平方米:{畝:15 / 10000,公頃:1 / 10000}
  };
  function selectChange(obj){
    var v=parseFloat(input.value);
    var rst=(v * fRate[lastUnit][sel.value]).toFixed(4);
    input.value=rst;
    lastUnit=sel.value;
  }
  sel.onchange=function(){
    selectChange(this)
  }
}
</script>
</head>
<body>
<select id="sel">
  <option value="公頃">公頃</option>
  <option value="畝">畝</option>
  <option value="平方米">平方米</option>
</select>
<input type="text" value="3" id="input0"/>
</body>
</html>

相關文章