Ir para conteúdo

POWERED BY:

Arquivado

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

walterbega

Jquery retornando "Object Object"

Recommended Posts

Ola pessoal, sou novo com jquery e estou criando um site..... em uma das paginas eu coloquei um campo select que direcionaria para uma seção da propria pagina (pelo comprimento da pagina para ficar mais facil de achar o conteudo) . Porém quando eu tento resgatar o valor data-file ou value do campo option para inserir no campo href de um botão, ele retorna um valor "Object Object", e eu nao entendo o por que....se alguem puder me dar alguma dica ou conceito do que é esse Object Object me ajudaria muito nesse e em futuros projetos :)
desde já agradeço a quem puder ajuda! valeeu pessoal!

o javascript:

  1. <script>
    $(document).ready(function() {
    	$('select').on('change', function(){
        	var destino = $('option').each(function(index, element) {
               $(this).attr('data-file'); 
            	
                return true;
    });
    		
    		
    	$('#ir').attr('href', destino);
    	
    	});
    });
    </script>
    
    
  • <select id="combobox" onChange="pesquisar() " style="-webkit-border-radius:10px; width:240px; border:#999 1px solid;background: url(../images/seta.png)">
        							
    <option value="">Selecione um serviço...</option>
    <option data-file="banner_img">Banners</a></option>
    <option data-file="cavalete_img">Cavaletes</option>
    <option data-file="pvc_img">Placas em PVC</option>
    <option data-file="adesivacao_img">Adesivação</option>
    <option data-file="envelopamento_img">Envelopamento</option>
    <option data-file="luminosos_img">Luminosos</option>
    <option data-file="chpa_img">Painéis em Chapa</option>
    <option data-file="estandes_img">Estandes</option>
    <option data-file="lona_img">Paineis em Lona</option>
    <option data-file="estandarte_img">Estandartes</option>
    <option data-file="tapume_img">Tapumes</option>
    <option data-file="gravata_img">Gravatas</option>
    <option data-file="acrilico_img">Acrilicos</option>
    <option data-file="metalicas_img">Estruturas Metálicas</option>
    <option data-file="eventos_img">Decoração de Eventos</option>
    <option data-file="sinalizacao_img">Placas de Sinalização</option>
    <option data-file="pirulitos_img">Pirulitos</option>
    <option data-file="promocional_img">Material Promocional</option>
    <option data-file="gigantografia_img">Gigantografia</option>
    <option data-file="perspectiva_img">Quadro de Perspectiva</option>
    								
      							
    </select>
    <a id="ir" href=""><strong>Ir</strong></a>

Compartilhar este post


Link para o post
Compartilhar em outros sites

pq vc não usa o atributo value ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

ja tentei com ele também mas não retorna valor nenhum :S



quando eu uso console.log ele retorna como indefinido, deve ser algum problema de lógica mesmo, alguma sugestão?



olha só, mudei para o atributo value de novo, e ele esta retornando sempre o valor da primeira opção (nao importa em qual opção eu escolha) que no caso tem o campo value vazio...por isso estava retornando indefinido. acho que agora o problema é nos seletores então hahaha

Compartilhar este post


Link para o post
Compartilhar em outros sites

usando o value, o código fica assim:

$(document).ready(function() {
	$('select').on('change', function(){
             var $this = $(this);
        	
		
	     $('#ir').attr('href', $this.val() );
	
	});
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

hmmm, funcionou!

 

eu consegui desse jeito tbm:

 

$(document).ready(function() {
	
	$('select').on('change', function(){
    	
		var destino = $("select:nth-child(n)").attr('value'); 
			$('#ir').attr('href', '#'+destino);
            return true;

		});
	})

 

mas do seu jeito o codigo fica mais limpo, brigadao pela ajuda, valeu mesmo! :)

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.