递增aspmvc视图页面中的计数器，用于使用jquery插入字段

incrementing a counter in asp mvc view page for inserting a field using jquery

本文关键字：用于 jquery 字段 插入 计数器 视图 aspmvc 递增      更新时间：2024-01-01

我想根据点击事件附加一个字段。在执行此操作时，我还想增加计数器。

我现在有这个：

@{
Layout = "~/Views/Shared/_Layout.cshtml";
ViewBag.Title = "Create";
var i = 0;
}

省略了起始表单代码

        <div class="form-group">
        @Html.LabelFor(model => model.Images[0].ImageUrl, htmlAttributes: new { @class = "control-label col-md-2" })
        <div id="addhiddenimagefield">
        </div>
        <div id="counterincrement">
        </div>
        @*@Html.HiddenFor(model => model.Images[0].ImageUrl, new { id = "updateimageurl" })*@
        <div class="col-md-10">
            <input type="text" id="tbx-file-path" class="form-control" value="No file chosen..." readonly="readonly" />
            <span class="btn btn-success fileinput-button">
                <span>Select file...</span>
                @*@Html.TextBoxFor(m => m.Images[0].ImageUrl, new { id = "fu-my-simple-upload", type = "file", name = "myfile" })*@
                <input class="text-box single-line" type="file" name="myfile" id="fu-my-simple-upload" />
            </span>
            <div><a class="btn btn-primary" href="#" id="hl-start-upload">Start Upload</a></div>
        </div>
    </div>

这是我的脚本代码。为了保持这个问题的规模，省略了其中的一些内容。

$("#hl-start-upload").on('click', function () {
      $("#addhiddenimagefield").prepend('@Html.HiddenFor(model => model.Images[i].ImageUrl, new { id = "updateimageurl" })');
});

我想增加索引计数器"I"，这样我就可以在单击按钮时添加更多字段。我尝试了很多方法，但到目前为止都没有成功。非常感谢你的帮助。

我没有使用Html.HidFor helper方法，而是用这种方式写出Html，并使用客户端来增加变量，如下所示：

            $("#addhiddenimagefield").prepend('<input type="hidden" name="Images[#s].ImageUrl" id="updateimageurl" value="">'.replace('#s',String(i++)));
相关文章：