javascript - 将 HTML 文本框值设置为 null 应该做什么？

Question

我们有一个可以包含空值的 JSON 响应(例如 { myValue: null })——我们将这个值分配给表单上的文本框:(实际上，我们使用 JQuery，但这是等效的

var nullString = null;
document.getElementById('myInput').value = nullString;

如果我们将此值分配给 HTML 文本框值，行为似乎取决于浏览器:

• Firefox 和 Chrome 都显示一个空文本框，当您读回“值”时，您得到的是空值。

• IE将字符串'null'放入文本框，当你读回'value'时，你得到字符串'null'(即设置'value'并读回它修改了数据)

(这里是:http://jsbin.com/uleno/edit 如果有人想试试的话)

哪个浏览器在这里做了正确的事情，或者这是未定义的行为？有没有比做很多 (myValue == null ? '' : myValue) 东西更聪明更优雅的解决方法？

Answer 1

实际上，最简单的做法是:

document.getElementById('myInput').value = nullString || '';

您知道该值必须分配一个字符串，因此如果它有任何其他“虚假”* 值，您将返回空字符串。

* null, undefined, 0, false, ''