如何在jQuery中为循环变量传递变量

只需进入JQuery和Asp.net MVC 2并想知道如何将循环中的变量传递给JavaScript函数。如何在jQuery中为循环变量传递变量

所以我必须：

<% int i = 0; %> 
<% foreach (var item in Model) { %> 

    <tr> 
     <td> 
     <input type="button" id="btnSubmit" value="Save" onclick="javascript:updatePerson(i);" /> 
     <input type="text" id='<%= "persons[" + i + "].Name" %>' name='<%= "persons[" + i + "].Name" %>' value='<%=item.Name %>' /> 
     </td> 

    </tr> 

    <% i++; %> 
<% } %>

显然

onclick="javascript:updatePerson(i);"

是错误的。

如何将变量i传递给updatePerson函数？

来源

2010-12-19 JD.

你可以在你这样做是在你的代码的其余部分以同样的方式你的Javascript表达嵌入的i当前值：

<input type="button" id="btnSubmit" value="Save" 
    onclick="updatePerson(<%= i %>);" />

来源

2010-12-19 08:55:44

感谢Frederic，Omkar进来之前，但我确实标记了:) – 2010-12-19 09:00:29

onclick="javascript:updatePerson(<%=i%>);"

应工作

来源

2010-12-19 08:55:51 Omkar

感谢Omkar，只花了一个小时看，即将放弃。 – 2010-12-19 08:59:56

我建议你采取一种不同的，更好的方法，因为现在我看到你正在将C＃，JavaScript和HTML混合到同一页面中，导致所谓的h可怕的标签汤。

所以改进1号：使用编辑器模板而不是那些foreach循环。在你的主视图，而不是写什么你已经张贴在你的问题只是：

<%= Html.EditorForModel() %>

，然后定义编辑模板，这将自动为您收集的模型中的每个元素（~/Views/Home/EditorTemplates/Person.ascx）被称为：

<%@ Control 
    Language="C#" 
    Inherits="System.Web.Mvc.ViewUserControl<YourApp.Models.Person>" %> 
<tr> 
    <td> 
     <% using (Html.BeginForm("Save", "Persons", 
      new { id = Model.Id }, FormMethod.Post, 
      new { @class = "saveform" })) { %> 
      <%= Html.TextBoxFor(x => x.Name) %> 
      <input type="submit" value="Save" /> 
     <% } %> 
    </td> 
</tr>

请注意，部分名称与强类型名称相同（Person.ascx）。另请注意位置：~/Views/Home/EditorTemplates其中Home当然是当前控制器的名称。如果您想在多个控制器之间重复使用，也可以将它放在~/Views/Shared/EditorTemplates中。而且由于编辑器模板是强类型化的视图模型，您可以使用强类型帮助程序（如Html.TextBoxFor），以便您不必手动硬编码文本框的名称和值，并想知道为什么模型联编程序无法正常工作。

改进号2：逐步提高在一个单独的JavaScript文件中使用jQuery您的标记：

$(function() { 
    $('.saveform').submit(function() { 
     // When the form is submitted 
     // For example you could call the associated action using AJAX: 
     $.ajax({ 
      url: this.action, 
      type: this.method, 
      data: $(this).serialize(), 
      success: function(result) { 
       alert('successfully saved'); 
      } 
     }); 
     return false; 
    }); 
});

来源

2010-12-19 09:06:13

非常感谢。我刚开始学习ASP.NET MVC2和JQuery，所以我非常感谢你提供的帮助。我将阅读更多关于模板的内容，并希望开始插入它们。 – 2010-12-19 22:11:48

JavaScript是客户端，而ASP是服务器端。换句话说：

ASP生成HTML
的HTML被发送到浏览器
你的JavaScript是由浏览器执行。

这就是为什么您的原始代码不起作用。在生成的html中不存在i。

来源

2010-12-19 09:16:27 jgauffin

如何在jQuery中为循环变量传递变量

回答

相关问题