Jquery retornando "Object Object"

[walterbega 0]

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>

[William Bruno 1501]

pq vc não usa o atributo value ?

[walterbega 0]

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

[William Bruno 1501]

usando o value, o código fica assim:

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

[walterbega 0]

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! :)