我需要将基于用户输入的列表从我的视图传递到控制器。我使用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");
}