无法使用jQuery设置隐藏的输入字段的值

Question

我在表单标记中有一个简单的输入字段:

<body>
  <form action="#">
      <label>Input</label>
      <input type="hidden" id="foo" name="foo" />

  </form>
</body>

我试图从js文件中设置此值:

$(document).ready(function(){
    $('#foo').val('foo')
})

但是在html源代码中,根本没有设置该属性.如果我尝试将输入类型设置为"按钮"或其他任何东西,它就可以工作.我只是不能用hidden输入字段来做.我究竟做错了什么？

Answer 1

如果设置val标签,是否可以从隐藏字段中检索值？

例如

<input type="hidden" id="foo" name="foo" value="bar" />

$(document).ready(function(){
  alert($('#foo').val());
})

Answer 2

我想到了.该值由jQuery设置,但是当我查看源时,未显示新值.我试过这个(感谢Fermin):

$('#foo').val('poo')
alert($('#foo').val())

并显示修改后的值.

Answer 3

而不是$('#Data').val(data);隐藏字段ID是"数据"的位置

使用 $('input[name=Data]').val(data);

适合我