文章/答案/技术大牛

发布

问ajax仅适用于表的第一行
EN

Stack Overflow用户

提问于 2012-06-08 14:36:24

回答 1查看 817关注 0票数 0

我在我的视图中使用asp.net文件，在表中显示一个表，每个行都有一个名为"Attach a MVC3“的链接。这个链接将通过ajax调用调用控制器函数

@Html.HiddenFor(modelItem => item.CourseID, new { @id = "CourseID", @Class="courseiding"})
@Html.HiddenFor(modelItem => item.PrtfID, new { @id = "prtfID" , @Class="prtfiding"})
@Html.ActionLink("Attach a file", "Index", null, new { @Id = "attchlink" })

ajax：

 $('#attchlink').click(function (e) {
        window.formCount = 0;
        e.preventDefault();
       var id = $('.prtfiding').val();
        var size1 = $('.sizing').val();
        var url2 = '@Url.Action("Index")';
        $.ajax({
            url: url2,
            data: { pid: id, size: size },
            cache: false,
            type: 'POST',
            success: function (data) {
                $('#result').html(data);
            }
        });
    });

这对所有行都有效，但是当传递id和size...it中的值时，只传递所有行的第一行的值

asp.net-mvc-3

asp.net-ajax

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-08 14:45:15

元素的Id attribute在页面上应该是唯一的。

您的问题是，您有多个具有相同Id = "attachlink"的链接，并且当您调用$('#attachlink') jQuery时，只使用第一个链接。

为了解决这个问题，你应该使用类而不是Id

@Html.ActionLink("Attach a file", "Index", null, new { @class = "attachlink" })

$('.attachlink').click(function (e) {

}

然后，您可以使用.closest()函数在单击事件中获取"colosest“值：

var id = $(this).closest('.prtfiding').val();
var size1 = $(this).closest('.sizing').val();

或者，您可以将所有需要的数据以data-属性的形式放在ActionLink上：

@Html.ActionLink("Attach a file", "Index", null, 
    new 
    { 
         @Id = "attchlink",
         data_courseID = item.CourseID,
         data_prtfID = item.prtfID
    })

在您的js函数中，您可以使用以下命令访问它们：

var courseID = $(this).data('courseID');
var prtfID = $(this).data('prtfID');

如果您不需要在其他地方使用Hidden字段，则可以使用此方法删除它们。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10944095

复制

相似问题

问ajax仅适用于表的第一行
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ajax仅适用于表的第一行EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ajax仅适用于表的第一行
EN