Olá!

Preciso criar uma tabela com múltiplos registros, onde ao preencher o campo "Nome" do formulário em anexo os outros dois campos (e-mail e login) devem ser preenchidos automaticamente com os respectivos valores do dataset.

Entretanto, a cada linha adicionada, são acrescentados ao final da div "id" do input 3 underlines e o número correspondente da linha ( ___1, após o final 2, e assim sucessivamente), logo o script de um Smart Zoom "normal" não se aplica, pois não encontra o id do campo a ser preenchido.

Alguém teria alguma sugestão de como posso implementar essa funcionalidade através do JS e alterações para isto no HTML?

Abaixo deixo o código javascript que utilizo para Smart Zoom de campos normais.

function setSelectedZoomItem(selectedItem) {

    var NAME = "colleagueName";
    var EMAIL = "colleagueMail";
        var LOGIN = "colleagueLogin";

    var FIELD = selectedItem.inputId;

    if(selectedItem.inputId == NAME){
        setZoomData("colleagueMail", selectedItem["mail"]);
        setZoomData("colleagueLogin", selectedItem["login"]);
}

function removedZoomItem(removedItem) {

    var NAME = "colleagueName";
    var EMAIL = "colleagueMail";
    var ID = "colleagueId";

    if (removedItem.inputId === NAME) {
        console.log("Retornando resultado removedZoomItem");
        console.log(removedItem);

        window[EMAIL].clear();
        window[LOGIN].clear();
    }
}

Desde já agradeço!