Javascript innerHTML在Firefox中工作，但在Chrome中不工作

如果我们在Firefox23中执行以下代码，两个警报框都会显示正确的值。当我在Chrome 28中执行相同操作时，第二个警报显示空白窗口

HTML

<input type="hidden" id="mappingIDinput"/>

---

如何在跨浏览器工作的隐藏输入字段中保存和检索值（如果需要，请忽略IE）。

对于输入字段，请使用值而不是html来获取其值

JAVASCRIPT中的

$("#mappingIDinput").val("abc");

 alert($("#mappingIDinput").val());

设置

document.getElementById("mappingIDinput").value="abc";

alert(document.getElementById("mappingIDinput").value);

获取

document.getElementById("mappingIDinput").value="abc";

alert(document.getElementById("mappingIDinput").value);

jQuery中的

设置

$("#mappingIDinput").val("abc");

 alert($("#mappingIDinput").val());

获取

$("#mappingIDinput").val("abc");

 alert($("#mappingIDinput").val());

---

不能使用innerHTML为输入标记设置值，而是在jquery中使用value或val（）。

对所有输入使用.val（）。内部html用于etc

$("#mappingIDinput").val(mappingId);

---

Cheers

一个

标签内不能有其他标签。我无法理解

.innerHTML

在Firefox中是如何工作的。（jQuery标记是否相关？您的代码不使用任何jQuery功能。）@lvaro G.Vicario，jQuery正在页面上使用，但不在此处。

。innerHTML

用于获取/设置标记元素中存在的内容。例如，如果您有一个类似于

Some Content

的div，则使用

.innerHTML

可以获得

div

和

中存在的

Some Content

。这不应该（也不能）用于获取/设置输入字段的值

.value

应用于获取/设置值。