Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Williams Duarte

Pegar ID para Salvar - Modal

Recommended Posts

Galera não estou conseguindo pegar a id da cor para salvar, quando clico pego desta forma:

var id = $(this).data('id');

passo ela para o html na modal

$('#EscolherCor .code_id').html(id);

na span

 <span class="code_id"></span>

Até aqui blz!

Como pode ver na imagem o numero 161

ydmvSyN.png

 

A partir dai já tentei de tudo quanto é forma, sempre da null ou [object Object]

 

Segue o código

$('#EscolherCor').on('click', '.opcao-cor', function(event) {
            event.preventDefault();
            var cor = $(this).data('cor');
            var nome = $(this).data('nome');
            var id = $(this).data('id');
            $(this).parents('ul').find('.opcao-cor').removeClass('ativo');
            $(this).addClass('ativo');
            if ($(this).hasClass('principal')) {
                $('#EscolherCor .cor_principal').css('background-color', cor);
                $('#EscolherCor .cor_principal').data('cor', nome);
                $('#EscolherCor .nome_principal').html(nome);
            } else {
                $('#EscolherCor .cor_secundaria').data('cor', nome);
                $('#EscolherCor .cor_secundaria').css('background-color', cor);
                $('#EscolherCor .nome_secundario').html(nome);
            }

            $('#EscolherCor .code_id').html(id);
    
        });
$('#EscolherCor .salvar_cor').click(function(event) {
            event.preventDefault();
            var cor_principal_div = $('#EscolherCor .cor_principal');
            var code_div = $('#EscolherCor .code_id');
            var cor_secundaria_div = $('#EscolherCor .cor_secundaria');
            var cor_principal = null;
            var code_id = null;
            var cor_secundaria = null;
            var nome_cor = [];
            var grade_id = $('#EscolherCor').attr('data-grade-id');
            var produto_id = $('#EscolherCor').attr('data-produto-id');


            if (cor_principal_div.length > 0) {
                cor_principal = cor_principal_div.data('cor');
                if (!cor_principal) {
                    alert('Escolha uma cor');
                    return false;
                }
                nome_cor.push(cor_principal);
            }

            if (code_div.length > 0) {
                alert(code_div);
                code_id = code_div.data('id');
                if (!code_id) {
                    alert('Falha ao pegar o código');
                    return false;
                }
                nome_cor.push(code_id);
            }

            if (cor_secundaria_div.length > 0) {
                cor_secundaria = cor_secundaria_div.data('cor');
                if (!cor_secundaria) {
                    alert('Escolha uma cor');
                    return false;
                }
                nome_cor.push(cor_secundaria);
            }
            var nome_cor = nome_cor.join('/');
            if(produto_id) {
                $('#EscolherCor').removeAttr('data-produto-id');
                $('.prod_' + produto_id  + '_grade_' + grade_id).val(nome_cor);
                $('.produto_'+produto_id+'_grade_variacao-' + grade_id).html(nome_cor);
            }else {
                $('#grade_variacao-' + grade_id).val(nome_cor);
                $('.grade_variacao-' + grade_id).html(nome_cor);
            }
            $('#EscolherCor').modal('hide');
        });


Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.