通过减少每一行的索引来修改ID和名称属性

时间:2018-08-02 14:11:23

标签: javascript jquery asp.net asp.net-mvc

我需要将基于用户输入的列表从我的视图传递到控制器。我使用JavaScript创建了一个表,在用户添加到列表时,在每行中使用隐藏的输入来增加id和name属性中的索引。问题是,如果用户选择删除元素,我不知道如何减少每个ID和名称的索引。我对JavaScript的了解不多...希望您能理解我的解释。

这是我的桌子。

    <table id="cat-table" class="table table-responsive">
        <thead>
            <tr>
                <th>Num Control</th>
                <th>Usuario</th>
                <th></th>
            </tr>
        </thead>
        <tbody id="tbody">

        </tbody>
    </table>

这是我打印每一行的方式。

 $("#tbody").append("<tr  id='filaUsuario" + usuario.id + "' ><td><input name='Usuario[" + i + "].UsuarioId' type='hidden' id='Usuario[" + i + "].UsuarioId' type='hidden'  value='" + usuario.id + "' />" + usuario.id + "</td><td>" + usuario.name + "</td><td> <button type='button' class='btn btn-default' name = 'btn-Quitar' id = 'btn-Quitar' onclick= eliminar('" + i + "','"+ usuario.id +"') value='" + i + "'>Quitar</button></td></tr>");

这就是我尝试减少剩余元素的方式

     function eliminar(valor, usuario) {
        //$("#filaUsuario" + usuario).remove();

        $("#tbody tr").find("td:first").find("input").removeAttr("id");
        $("#tbody tr").find("td:first").find("input").attr("id", "Usuario['"+ 
      --i +"'].UsuarioId");

     }

0 个答案:

没有答案