使用 jQuery 设置隐藏输入的值答案

【问题标题】：Set value of hidden input with jQuery使用 jQuery 设置隐藏输入的值
【发布时间】：2011-06-15 17:41:43
【问题描述】：

我正在尝试使用 jQuery 设置下面隐藏字段的值。

<input type="hidden" value="" name="testing" />

我正在使用此代码：

var test = $("input[name=testing]:hidden");
test.value = 'work!';

但它不起作用。我的代码有什么问题？

【问题讨论】：

为了清楚起见，jQuery 返回一个 DOM 元素的集合。 test 不会变成 DOM 元素，它会变成一个数组。要使用普通的 ol' javascript a la .value，您可以执行 test[0].value 或循环遍历集合（如果有多个）。否则， test.val('work!') 会为你工作，因为它是一个 jQuery 方法而不是 test.value，它是 DOM 元素对象的一个属性。

【解决方案1】：

您应该使用val 而不是value。

<script type="text/javascript" language="javascript">
$(document).ready(function () { 
    $('input[name="testing"]').val('Work!');
});
</script>

【讨论】：

【解决方案2】：

这对我有用：

$('input[name="sort_order"]').attr('value','XXX');

【讨论】：

【解决方案3】：

$('input[name="testing"]').val(theValue);

【讨论】：

奇怪，它应该这样做
不存在因为“Type='hidden'”而不是“type='hidden'”的问题吗？不确定大小写混合属性。可能是抓着稻草...
我认为这里的问题是选择器.. 我认为应该是input[name="testing" --> 在引号之间进行测试... 每当设置一些值不起作用时，请先尝试获取元素.. 如果你不明白，问题不在于 .val()，而可能在于选择器

【解决方案4】：

假设你有一个 id 为 XXX 的隐藏输入，如果你想给下面赋值

<script type="text/javascript">

    $(document).ready(function(){
    $('#XXX').val('any value');
    })
</script>

【讨论】：

【解决方案5】：

var test = $('input[name="testing"]:hidden');
test.val('work!');

【讨论】：

【解决方案6】：

要使用 jquery 制作，请按以下方式制作：

var test = $("input[name=testing]:hidden");
test.val('work!');

或者

var test = $("input[name=testing]:hidden").val('work!');

请参阅fiddle 中的工作。

【讨论】：

【解决方案7】：

您不需要设置 name ，只需提供一个 id 就足够了。

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

与 jquery 相比，您可以使用 'val()' 方法，如下所示：

 $('#testId').val("work");

【讨论】：