如何使用JQuery选择作为隐藏表单字段值数组一部分的隐藏表单字段值？

Question

我在选择隐藏表单字段值时遇到了麻烦，该表单字段值是具有相同名称的隐藏表单字段值数组的一部分。 数组的一个元素如下所示：

<input data-val="true" data-val-number="The field ProductId must be a number." data-val-required="The ProductId field is required." id="OrderItemViewModels_2__ProductId" name="OrderItemViewModels[2].ProductId" type="hidden" value="3" />

我尝试在JQuery中通过几种不同的方式来选择它，例如：

$('#OrderItemViewModels[2].ProductId').val());

和..

$('#OrderItemViewModels\\[2\\].ProductId').val());

两者都不起作用。 我也尝试了其他一些方法。 因此，我尝试了以下建议，希望仅在警报中打印这些值。 我尝试了这些：

alert('valueDirect2=' + $('#OrderItemViewModels_2__ProductId')).val();
alert('valueDirect1=' + $('input[name="OrderItemViewModels[2].ProductId"]')).val();

在两种情况下，这都导致打印valueDirect2 = [Object object]。 为什么？ 怎么了

我对如何获得这些价值一无所知。 有什么帮助吗？

Answer 1

您是否需要动态设置，即即时更改选择了哪个input字段？ 如果是这样，则需要在选择器的中间添加一个变量。

如果您像这样修改现有的代码，它将起作用：

$('#OrderItemViewModels_2__ProductId').val();

您的两个示例无效，因为您正在格式化选择器字符串，类似于name属性，但是#前缀告诉jQuery查找id属性。

也可以通过名称选择元素，如下所示：

$('input[name="OrderItemViewModels[2].ProductId"]').val();

在您的alert示例中，您看到的是[Object object]因为jQuery中的$语法是调用jQuery函数的快捷方式。 您真正在做什么是这样的：

jQuery('input[name="OrderItemViewModels[2].ProductId"]').val();

这只是一个普通的旧函数调用。 S是方便的简写。 您正在调用一个函数并传入一个字符串，这是jQuery将评估的选择器。

您的选择器未返回任何内容，因为其格式不正确，因此您最终将打印jQuery函数本身的.val()或值。 直到您对jQuery的工作原理有了很好的了解之前，这有点令人困惑。

为了使选择器具有动态性，只需将包含要选择的input编号的变量周围的字符串拼接在一起：

$('input[name="OrderItemViewModels[' + myVariable + '].ProductId"]').val();

这是一个jsFiddle ，说明了这两个选项。

Answer 2

$('input[name="OrderItemViewModels['+ index +'].ProductId"]').val(); // index = 0,1,2...

要么

$('#OrderItemViewModels_'+ index +'__ProductId').val(); // index = 0,1,2...