0

Estou montando uma tabela de planos TABELA , em que o botão de "ADERIR AO PLANO" muda de link de acordo com as opções escolhidas nos select.

Dois dos 4 select que o usuário deve selecionar, são ESTADO e CIDADE, estes, não escritos no option do select e sim são puxados de um banco de dados.

Portanto, para que o botão de aderir troque de link conforme as opções selecionadas, precisava saber o value de cada opção do select, que são puxadas do banco de dados.

Por isso, gostaria de saber se é possível descobrir o value de um select que é puxado do banco de dados, ou se há alguma outra maneira de mencionar a cidade, ou estado sem ser pelo value, que nesse caso não existe.

Obrigado.

   jQuery(function($){
        $('#volume, #tipo, #estados').change(function(){
        var volume = $('#volume').val();
        var tipo = $('#tipo').val();
        var estados = $(this).val();

            if (volume == "peq" && tipo == "visitas_quatro" && estados == "SP") {
          $('.Linkbotao').attr('href', 'site.com');
17
  • O Exemplo que fiz a baixo é exatamente pra isso Commented 24/05/2017 às 18:12
  • Certo, só que no meu caso para cada combinação de cidade e estado com as outras opções ele geraria um link. Por exemplo: Estado (SP,) Cidade (São Paulo), Volume (50), Visitas (4) é um link. Já Estado (SC), Cidade (Florianópolis), Volume (100), Visitas (8) é outro link. E assim por diante. Como irei definir um link para cada cidade com o código que você postou abaixo? No momento estou fazendo assim: if (volume == "peq" && tipo == "visitas_quatro" && estados == "?" && cidades == "?") { $('.Linkbotao').attr('href','site.com'); aonde tem "?" seria o value de cada option doestado e cidade Commented 24/05/2017 às 18:18
  • esta fazendo da forma correta, nao esta funcionando? Commented 24/05/2017 às 18:29
  • Ainda não testei com o código que vc me enviou. Como não tenho muita intimidade com o assunto (js), não estou sabendo qual informação do código que você me passou para colocar ali onde estão as "?", onde seria o value. Você sabe me dizer? Commented 24/05/2017 às 18:32
  • vou montar, perai Commented 24/05/2017 às 18:41

1 Resposta 1

0

É possivel sim. pode fazer assim

$(function(){

    // Pais
    function pais(){
        $.ajax({
            type: 'GET',
            url: 'funcoes.php',
            data: {
                acao: 'pais'
            },
            dataType: 'json',
            success: function(data){
                console.log(data);

                for(i = 0; i < data.qtd; i++){

                    $('select[name=pais]').append('<option value="'+data.id[i]+'">'+data.pais[i]+'</option>');
                }
            }
        });
    }
    pais();

    // Estado
    function estado(pais){
        $.ajax({
            type: 'GET',
            url: 'funcoes.php',
            data: {
                acao: 'estado',
                id: pais
            },
            dataType: 'json',
            beforeSend: function(){
                $('select[name=estado]').html('<option>Carregando...</option>');
            },
            success: function(data){
                $('select[name=estado]').html('');
                $('select[name=estado]').append('<option>Selecione o estado</option>');
                for(i = 0; i < data.qtd; i++){
                    $('select[name=estado]').append('<option value="'+data.id[i]+'">'+data.estado[i]+'</option>');
                }
            }
        });
    }


    // Cidade
    function cidade(estado){
        $.ajax({
            type: 'GET',
            url: 'funcoes.php',
            data: {
                acao: 'cidade',
                id: estado
            },
            dataType: 'json',
            beforeSend: function(){
                $('select[name=cidade]').html('<option>Carregando...</option>');
            },
            success: function(data){
                $('select[name=cidade]').html('');
                $('select[name=cidade]').append('<option>Selecione a cidade</option>');
                for(i = 0; i < data.qtd; i++){
                    $('select[name=cidade]').append('<option value="'+data.id[i]+'">'+data.cidade[i]+'</option>');
                }
            }
        });
    }

    function verificar(volume, tipo, estados, cidades){
        if(volume == "peq" && tipo == "visitas_quatro" && estados == "?" && cidades == "?"){
            $('.Linkbotao').attr('href', 'google.com');
        }
    }


    $('select[name=pais]').change(function(){
        $('select[name=cidade]').val($("select[name=cidade] option:first-child").val());
        var id = $(this).val();
        estado(id);
    });

    $('select[name=estado]').change(function(){
        var idEstado = $(this).val();
        var cidade = $("select[name=cidade] option:first-child").val();
        var estado = $("select[name=estado] option:first-child").val();
        var tipo = $("select[name=cidade] option:first-child").val();
        var volume = $("select[name=estado] option:first-child").val();

        verificar(volume, tipo, estado, cidade)

        cidade(idEstado);
    });


});

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .