<body>
<form action="#">
<label>Input</label>
<input type="hidden" id="foo" name="foo" />
</form>
</body>
我尝试从一个JS文件中设置这个值：
$(document).ready(function(){
$('#foo').val('foo')
})
但在HTML源代码中，该属性根本没有被设置。如果我尝试将输入类型设置为“button”或其他任何内容，它都有效。我只是不能用hidden输入字段来做到这一点。我做错了什么？
如果设置了val标签，您是否可以从隐藏字段中检索值？
例如：
<input type="hidden" id="foo" name="foo" value="bar" />
$(document).ready(function(){
alert($('#foo').val());
})
我明白了。该值是由jQuery设置的，但是当我查看源代码时，新值并没有显示出来。我尝试了这个方法（感谢Fermin）：
$('#foo').val('poo')
alert($('#foo').val())
并且它显示了修改后的值。
我找到的最好的答案在 http://forum.jquery.com/topic/passing-value-to-hidden-form-field 中。
代替 $('#Data').val(data); 其中隐藏字段 ID 是 'Data'
使用 $('input[name=Data]').val(data);
对我来说完美地解决了问题。
我也一直在为此苦苦挣扎。如果您设置一个初始值，比如“0”，然后使用类似Firebug的工具观察DOM，您会注意到DOM随后会更新。由于某种原因，如果将初始值设置为null或空字符串，则DOM不会更新，但是实际上该值仍然存储。
您可以按照之前的帖子建议，在设置值后弹出val来测试此功能。
当我使用POST提交表单时，我的PHP脚本无法获取POST的值。我使用了以下代码：
$('#elemId').attr("name", theValue);
我知道现在可能有点晚了，但这可能会对某些人有所帮助...... 如果以上解决方案都不起作用，只需执行以下操作...
$(document).ready(function() {
$('#foo').attr("value","foo") });
我需要看整个文件，但我猜测你要么没有包含jQuery.js源文件，要么有多个ID为foo的元素。
我在使用隐藏的输入字段时遇到了同样的问题。
如果我将初始值设置为0，它可以正常工作，但有时我不想要一个初始值为0的值。
所以我尝试使用value=" "，一个空格，这对我也起作用。
如果您从PHP动态填充值，则可以使用value="<?= $val+0; ?>"，如果0可以接受的话，或者value="<?= $val; ?> "，如果空格可以接受的话。
与其将你的value属性初始化为字符串，请像这样初始化你的输入。
<input type="hidden" name="foo" id="foo" value="${foo}">
"foo"将包含您设置的新值。
"我已确认使用类似于jQuery选择器的方式设置隐藏字段的值是无效的...
$('[name="my_field"]').val('Something');
不会更新隐藏字段...有点令人震惊。
<input type="hidden" name="my_field" id="my_field">
不得不使用 CSS 隐藏字段。
<input type="text" name="my_field" id="my_field" style="display:none">
显然，使用隐藏字段的id存在其他问题... 使用jQuery的".val()"设置表单中隐藏字段的值无效
注意：一定要在控制台中获取值，而不是通过检查元素。
$('[name="my_field"]').val();