javascript - 制作下拉单位转换器，但当我选择选项时无法更改它

Question

当我选择不同的转换器时，我试图切换我的功能。现在我只有一套，所以我可以学习如何正确地做，然后我将添加其他的。这就是我现在拥有的

HTML

<title>Conversion Page</title>
<h1>Conversion</h1>
<p>
<input type="text" id="input" />
<select id="mySelect"       onchange="this.options[this.selectedIndex].value;">
<option value="k_to_lbs">Kg's to Lb's"</option>
<option>something</option>
</select>
<button id="submit">Submit</button>
<text id="result"></text>
</p>

Javascript

var reportpounds = function (pounds) {
document.getElementById("result").innerHTML = pounds + "lbs"
}
if (document.getElementById("mySelect")[0] === true) {
    document.getElementById("submit").onclick = function () {
    var k = document.getElementById("input").value;
    reportpounds(Math.round(k * 2.2046226218));
}
} else {
document.getElementById("submit").onclick = function () {
    var k = document.getElementById("input").value;
    reportpounds(k);
}
}

http://jsfiddle.net/mwinberry/2fymfk35/

我遇到的问题是当我从下拉列表中选择特定项目时使其运行正确的功能。

任何帮助将不胜感激

Answer 1

您的if位于错误的位置:

document.getElementById('submit').onclick = function () {
    var k = document.getElementById('input').value, 
        f = 1;
    if (document.getElementById('mySelect').value === 'k_to_lbs') {
        f = 2.2046226218;
    }
    reportpounds(Math.round(k * f));
};

它需要进入 onclick 回调内部。