Question

这是我的输入字段

<input class="form-control" id="StudentInstitutes_0__Name" name="StudentInstitutes[0].Name" value="" type="text">

我将clone()用于包装以上输入字段的div。很好

但是如何通过单击按钮更改上面的ID和名称索引为“ 0”。

例如：如果我第一次单击按钮，输入字段将是：

<input class="form-control" id="StudentInstitutes_1__Name" name="StudentInstitutes[1].Name" value="" type="text">

这是我的按钮

<div class="form-group">
    <div class="col-sm-6">
        <input type="button" name="ShowMoreInstitution" id="ShowMore" value="Add More Institution" onclick="javascript:  showMoreInstitution();" />
    </div>                                       
</div>

这是我的JS

$("#showMore").click(function () {
    $('#showInstitute').clone().insertAfter("#showInstitute");
});

请注意，我正在使用Asp.net Mvc Razor视图，并且不想对操作使用部分视图。

Answer 1

据我所知，您想动态更改id，因此必须首先声明全局变量“ value”并为其分配初始值0。

$("#showMore").click(function () {
    value++;
    $('#showInstitute').removeAttr('id').attr('id', 'StudentInstitutes_" + value + "__Name');
});

此代码可能会对您有所帮助。

更改Jquery Clone中的复杂ID值

1 个答案: