Skip to main content
Commonmark migration
Fonte Link

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!

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!

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!

Fonte Link
user60252
user60252

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">