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

您正在使用賦值（=）運算符，而不是布爾等式（==或===）運算符。 怪您的checkShow函數中的以下代碼行：

if (dropdown.value = "val") {

實際上，它應該更接近以下內容：

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

這將導致為下拉列表的值分配“ val”值，而不是檢查其是否等於“ val”。

我已經更新了代碼段

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