在MVC中通过Jquery从隐藏字段中获取多个值答案

【问题标题】：Get multiple values from a hidden field through Jquery in MVC在MVC中通过Jquery从隐藏字段中获取多个值
【发布时间】：2015-11-13 15:11:29
【问题描述】：

我正在尝试在我的 foreach 循环中使用隐藏字段控件，以这种方式在隐藏字段值中绑定多个值

@foreach(var category in Model)
{
<input type="hidden" Id="hdnCategory" value="@category.Id"/>
}

现在使用 Jquery 我正在尝试检索该值。但结果并不如预期。它实际上是从 foreach 中检索第一个值

 function btnClick() {
     var categoryID = $("#hdnCategory").val();      
}

这个函数就是这样调用按钮点击

<img class="imageclass"src="listofImages" onclick="imageClick()" />

有人可以建议我哪里出错了..

【问题讨论】：

您的每个隐藏字段都有相同的 id。更好地添加类并在您的 jquery 中使用

标签： javascript jquery razor model-view-controller

【解决方案1】：

你可以试试下面

我也觉得你的函数名不一样

@foreach(var category in Model)
{
    <input type="hidden" Id="hdnCategory" class="csscategory" value="@category.Id"/>
}

<img class="imageclass" src="listofImages" onclick="imageClick()" />

function imageClick() {
    $("input.csscategory").each(function() {
        var val = $(this).val();
    });
}

【讨论】：

【解决方案2】：

当引用带有 ID 的标签时，只获取第一个标签，因为 ID 应该是唯一的。

为了让您的代码能够正常工作，请将 ID 属性更改为类属性，然后循环遍历元素并获取值。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<img class="imageclass" src="listofImages" />
<input type="hidden" class="hdnCategory" value="@category.Id" />
<input type="hidden" class="hdnCategory" value="@category.Id2" />...

<script>
  $(document).ready(function() {
        $('.imageclass').click(function() {
              $(".hdnCategory").each(function() {
                  var val = $(this).val();
                  //do some thing with val
                  alert(val);
                });
              });
            });
</script>

【讨论】：

固定语法和包含jquery请再次检查。

【解决方案3】：

所有这些隐藏字段都具有相同的 id，因此 jQuery（以及带有 querySelector 的 vanilla JavaScript）只返回第一个。

【讨论】：