制作下拉单元转换器，但在选择选项时无法更改它

Question

当我选择不同的转换器时，我正在尝试使我的函数切换。现在我只有一套，所以我可以学习如何做，然后我会添加其他的。这就是我现在所拥有的

目录

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

爪哇语

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回调。