JavaScript:使用 JavaScript 更改输入值？

Question

我正在尝试执行一项非常简单的任务，但由于某种原因我无法完成。

基本上，我使用 if 语句来使用 javascript 更改输入字段的值，但它不起作用!

这是我的代码:

if (document.getElementById("colour").value == "171515"){
    document.getElementById("colour").value = "db0000";
}

if (document.getElementById("colour").value == "db0000"){
    document.getElementById("colour").value = "171515";
}

HTML 看起来像这样:

<input type="text" id="colour" name="colour" class="colour" value="171515"/>

所以我需要做的是:

我启动一个页面，输入字段位于我的页面上，其值为 value="171515"，然后我按下一个按钮，输入字段的值应更改为 value="db0000"，然后我再次按下按钮，它应该将输入按钮的值更改为 value="171515"，我需要执行相同的操作我想走多少步就走多少次。

目前，它似乎进入了循环操作，这就是为什么它不会更改输入字段的值! (如果我错了请纠正我)。

如有任何帮助，我们将不胜感激。

谢谢

编辑:

上面的 JavaScript 代码的执行方式如下:

$(params.addPplTrigger).bind('click', function(e){
                    e.preventDefault();

///////// THE CODE ABOBE WILL GO HERE///////////

}

Answer 1

你只是缺少一个else:

if (document.getElementById("colour").value == "171515"){
    document.getElementById("colour").value = "db0000";
}

else if (document.getElementById("colour").value == "db0000"){
    document.getElementById("colour").value = "171515";
}

<小时/>

原始代码中发生了什么

案例 171515:

• 首先 if 条件计算结果为 true，因为值为 171515
• 值更改为 db0000
• 第二个 if 条件再次计算为 true，因为现在值为 db0000
• 值更改回 171515

案例 db0000:

• 首先 if 条件 gets 计算结果为 false，因为该值不是 171515
• 值保持不变
• 第二个 if 条件求值为 true，因为值为 db0000
• 值更改为 171515

因此，在这两种情况下，您最终都会得到 171515。