javascript - onchange 正在运行，但选择值未更改

Question

我有一个带有 onchange 函数的选择。

问题 - 函数运行，但在运行后，选择值本身不会改变(即，当您单击下拉菜单并单击一个选项时，它不会更改为该选项被选中).

我试图找到一些解决方案，但它们大多是选择值根本没有改变，或者使用 onclick 而不是 onchange。但是，如果我没有运行该功能，它就可以正常工作。

这是 HTML 部分，我从帖子中排除了 javascript 和 CSS 部分，因为它们会占据整个页面

<select id="calcType1" oninput="checkShow('enter1',this)">
    <option value="val">Entered Value</option>
    <option value="saveVal">Saved Value</option>
    <option value="saveVal2">Saved Value 2</option>
    <option value="saveVal3">Saved Value 3</option>
</select>
<div class="noBreak shown" id="enter1">
    <input id="calcValue1" class="number"> ±
    <input id="calcUnc1" class="number">
</div>

Jsfiddle 演示:Fiddle

Answer 1

您正在使用赋值 (=) 运算符而不是 bool 相等(== 或 ===)运算符。 checkShow 函数中的以下代码行是罪魁祸首:

if (dropdown.value = "val") {

它实际上应该阅读更接近以下内容:

if (dropdown.value == "val") {

这导致下拉列表的值被分配值“val”，而不是检查它是否等于“val”。

我已经更新了片段

http://jsfiddle.net/vkdyze8o/13/