使用 jQuery 检索隐藏的输入值答案

【问题标题】：Retrieving hidden input value using jQuery使用 jQuery 检索隐藏的输入值
【发布时间】：2011-01-18 08:37:14
【问题描述】：

我有以下方式的隐藏输入：

<div id="message">
    <input id="hiddeninput" type="hidden">
    <span>Message with submit button <input type=button id="confirm" value="Submit"></span>  
</div>

隐藏的输入在 jQuery POST 之后被赋予一个值。我需要检索设置的值，并将其发送到另一个 jQuery POST。

有趣的是，我明白了：

<input id="hiddeninput" type="hidden">34345</input>

在第一个 jQuery 帖子中从服务器获取值之后。

只是$("#hiddeninput").val() 没有检索到我要发送的值。

在我的示例中正确的做法是什么？

编辑：在 JQuery 中，这就是我将值设置为隐藏字段的方式：

$.post("post.php", function(data){


    if(data.length > 0){
    var resultObj =  eval(data)[0];
    if(resultObj.SomeNumber >= 0)
    {
        $("#hidden").html(resultObj.SomeNumber);
    }
 });

【问题讨论】：

标签： javascript jquery

【解决方案1】：

你必须像这样设置隐藏字段的值，然后它应该可以工作

<input id="hiddeninput" type="hidden" value="34345" />

【讨论】：

我关闭了输入标签。尽管如此，在我通过 POST 检索值后，该标签仍被重新格式化为 <input id="hiddeninput" type="hidden">34345</input>。
@Jon 尝试更改此 $("#hidden").html(resultObj.SomeNumber);到 $("#hidden").val(resultObj.SomeNumber);

【解决方案2】：

隐藏元素

<input id="hiddeninput" type="hidden">

没有 value 属性。应该是这样的

<input id="hiddeninput" type="hidden" value="someValue">

【讨论】：

【解决方案3】：

$("#hiddeninput").html() 将从结构中检索 34345，如您所示，尽管如上所述 value 属性应在隐藏字段上使用，然后 val() 将起作用。

【讨论】：

【解决方案4】：

由于<input id="hiddeninput" type="hidden">34345</input>不是格式化输入标签的“正确”方式，与<input id="hiddeninput" type="hidden" value="34345"/>相反，您需要使用$("#hiddeninput").text()

【讨论】：

嘿，这行得通！但是有没有人看到我没有使用“正确”的方式来格式化输入标签的问题？
嗯，它是格式错误的标记，所以你应该开始做正确的方式:)

【解决方案5】：

尝试在帖子添加之前将值标签显式添加到输入元素，即

<input id="hiddeninput" type="hidden" value="">

如果这不起作用，请查看此线程： jquery selector can't read from hidden field

【讨论】：