Javascript Js附加aith更改索引

我有这个输入组，当单击Add按钮时，我希望输入组加倍，但是输入的名称应该根据发送到函数addfunction（）的索引进行更改。 输入组：

<div class="col-md-10" id="ingr">
        <div class="input-group" id="elem">
            <span class="input-group-addon">Category</span>
            <select class="form-control" id="category">
                @foreach (var item in ViewBag.types)
                {
                    <option value="@item.id">@item.name</option>
                }
            </select>

            <span class="input-group-addon">Item</span>
            <select class="form-control valid item" id="item" name="cons[0].fooditemId">
                @foreach (var item in ViewBag.items)
            {
                    <option value="@item.id">@item.name</option>
                }
            </select>

            <span class="input-group-addon">Amount</span>
            <input  class="form-control" name="cons[0].amount"/>
            <span class="input-group-addon">Amount unit</span>
            <select class="form-control valid item" id="item" name="cons[0].amounttypeId">
                @foreach (var item in ViewBag.amountType)
            {
                    <option value="@item.id">@item.name</option>
                }
            </select>
            <div class="input-group-btn">
                <a href="#" class="btn btn-success" onclick="addfunction(0)">Add</a>
            </div>
        </div>
    </div>

知道怎么做吗？

---

如果可能的话，我不想一个人做。

这里需要做很多工作，主要是因为你需要调整你的方法。因此，我将为您提供解决问题的方向，但您需要自己尝试解决方案

您将（在一定程度上）模仿其他前端框架

首先需要将

elem

div保存为字符串，并为索引值添加占位符。然后创建一个附加该字符串的函数，同时替换索引占位符。然后，您将需要一个全局索引变量来标识您所在的位置。每次单击

addfunction

时，您都将递增此索引变量

编辑： 串联

'<a href="#" class="btn btn-success" onclick="addfunction(' + index + ')">Add</a>'

“”

插值

`<a href="#" class="btn btn-success" onclick="addfunction(${index})">Add</a>`

``

---

在使用JS插值时，请注意使用“而不是单引号”，这里需要做大量工作，主要是因为您需要调整方法。因此，我将为您提供解决问题的方向，但您需要自己尝试解决方案

您将（在一定程度上）模仿其他前端框架

首先需要将

elem

div保存为字符串，并为索引值添加占位符。然后创建一个附加该字符串的函数，同时替换索引占位符。然后，您将需要一个全局索引变量来标识您所在的位置。每次单击

addfunction

时，您都将递增此索引变量

编辑： 串联

'<a href="#" class="btn btn-success" onclick="addfunction(' + index + ')">Add</a>'

“”

插值

`<a href="#" class="btn btn-success" onclick="addfunction(${index})">Add</a>`

``

---

在使用JS插值时，请注意使用“而不是单引号”听起来是个不错的主意，你能给我一个如何将占位符放在字符串中的示例吗？@O.Ezrachi你可以使用熟悉的、跨浏览器兼容的连接。或者，也可以对js使用插值。但这对IE不起作用。检查我的编辑谢谢你非常匹配，工作得很好！很好，很乐意帮忙！听起来是个好主意，你能给我一个如何在字符串中放置占位符的例子吗？@O.Ezrachi你可以使用熟悉的、跨浏览器兼容的连接来实现。或者，也可以对js使用插值。但这对IE不起作用。检查我的编辑谢谢你非常匹配，工作得很好！很好，很乐意帮忙！