A função mostraName
serve para conferir os names dos inputs e é claro que não deve fazer parte do seu código. Portanto retire essa função e a referida chamada nos inputs.
Para conferir os names
dos inputs clique neles.
Teste São Thomé - após criar alguns inputs, confira os names, remova alguns inputs e confira os names, e por ultimo clique em REORDENE OS NAMES
e confira novamente!
function mostraName(Element) {
console.log(Element.name);
}
$(document).on('click','.Chng', function(e) {
e.preventDefault();
var i=1;
var id="";
var name="";
//itera inputs classe form-control
$(".form-control").each(function() {
//pega o id do input
id=(this.id);
//retira o ultimo caractere no name do input com o id acima
name = $('#'+id).attr('name').slice(0, -1);
//reordena os names começando por 1
$('#'+id).attr('name',name+i);
i++
});
});
$(document).ready(function() {
var x = 1;
$("#btnAddOpcaoA").click(function () {
x++;
/***Os name e os id dos inputs são formados concatenando um valor numérico a partir de 2 pois no HTML já existe com valor 1 *****/
$("<div class='row conteudoA'><div class='col-md-10'><input name='A-"+ x +"' type='text' class='form-control' opcao='A' ordem='' id='meuId"+ x +"' placeholder='' onClick='mostraName(this)'/></div><div class='col-md-2'><button style='margin-top: 5px;' type='button' class='btnRemoveOpcaoA btn btn-danger btn-xs'><span class='glyphicon glyphicon-minus'></span>Excluir</button></div></div>").appendTo('#formA');
});
$('#formA').on('click', '.btnRemoveOpcaoA', function () {
$(this).parents('.conteudoA').remove();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnAddOpcaoA">ADD</button>
<form id="formA">
<div class='row conteudoA'><div class='col-md-10'><input name='A-1' type='text' class='form-control' opcao='A' ordem='' id='meuId1' placeholder='' value='' onClick='mostraName(this)'/></div><div class='col-md-2'><button style='margin-top: 5px;' type='button' class='btnRemoveOpcaoA btn btn-danger btn-xs'><span class='glyphicon glyphicon-minus'></span>Excluir</button></div></div>
</form>
<input type="submit" value="REORDENE OS NAMES" class="Chng">