javascript - innerHTML 在 Firefox 中有效，但在 Chrome 中无效

Question

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

HTML

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

JS

alert(mappingId);
document.getElementById("mappingIDinput").innerHTML=mappingId;  
alert(document.getElementById("mappingIDinput").innerHTML);

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

score 3 · Accepted Answer

对于输入字段使用值而不是 html 来获取它们的值

在 JAVASCRIPT

放

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

得到

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

在 jQuery 中

放

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

得到

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

score 0 · Accepted Answer

0

您不能使用 innerHTML 为输入标签设置值，而是在 jquery 中使用 value 或 val()。

于 2013-08-22T10:24:49.370 回答

score 0 · Accepted Answer

对所有输入使用 .val()。内部 html 用于等。

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

干杯

3 回答 3