无法通过JS更新隐藏字段

时间:2015-09-19 01:35:52

标签: javascript jquery html jsp onselect

我正在处理以下编码问题,令我感到沮丧,因为我认为它应该是直截了当的。这是代码:

<input type="hidden" id="color" value="red"/>

document.getElementById("color").value="blue"

我有一个辅助javascript文件,在选择新字段时会监听onselect事件。

然后它会读取color元素的值,例如document.getElementById("color").value,并对其执行某些操作。

如果我基本上通过HTML硬编码隐藏字段颜色的值,则辅助javascript能够读取color元素的值,但是当我通过JS设置它时,它不是。

应该是直截了当但由于某种原因,它似乎没有设置值。

非常感谢任何输入。

谢谢, 鲍勃

2 个答案:

答案 0 :(得分:0)

似乎工作正常,你能检查控制台是否有错误吗?

&#13;
&#13;
document.getElementById("color").value = "blue";
var theColor = document.getElementById("color").value;
document.write("Hidden color is: <strong style='color:" + theColor + "'>" + theColor + "</strong>");
&#13;
<input type="hidden" id="color" value="red" />
&#13;
&#13;
&#13;

答案 1 :(得分:0)

这是个老问题 但是我想如果有人还在寻找答案,那就是

您可以尝试$('input[name="NameOfField"]').val('value');肯定可以。

当我们尝试在提交表单时更改“隐藏”字段的值时,它没有更新值,因为DOM已经从输入参数中分离了ID,但是名称仍然存在,因为名称将通过表单传递。

如果有人发现它有用,并且他们不必为简单的解决方案而花很多时间:)