[Resolvido] Retorno Ajax Jquery

[ccesarc 0]

Pessoal estou com uma dificuldade um um retorno do jquery, eh como se ele nao reconhece o id de um retorno do Ajax.

Vou explicar melhor:

 

Estou fazendo uma chamada de uma listar de usuarios:

 

$("#buscar_funcionarios").bind('click',function(){
	
	$.ajax({
		type: 'POST',
		url: "lista_vendedor.php",			
		success: function(data){
			$('#vendedor_id_id').html(data);
		}
	});
	
});

o retorno disso seria uma lista de funcionarios tipo:

 

<select name="funcionarios" id="funcionarios">

<option value="1">joao</option>

<option value="2">maria</option>

<option value="3">pedro</option>

</select>

 

ate aqui tudo bem mas quando faço uma chamada para listar os contatos dos "funcionario" eh como se o JQuery nao sabe onde esta o id do select "funcionario" tipo:

 

$("#funcionarios").bind('click',function(){
	
	alert('clicou')
	
});

isso nao mostra nada pq veio via ajax, eh como se o JQuery nao registrou o novo id que apareceu no caso "funcionario".

 

mas quando coloco essa lista de funcionarios sem chamar via ajax ele funciona normal.

 

tem alguma coisa que fiz de errado ou estou programando errado?

 

Muito obrigado a todos.

[William Bruno 1501]

O erro, é que no final, você está duplicando o ID funcionarios.

 

ID não pode ficar repetindo num mesmo documento, deve ser único.

Faça algo como:

<div id="funcionarios"></div>

e então o teu retorno:

<select name="funcionarios">
<option value="1">joao</option>

Assim pelo menos, não tem 'nada de errado'.

Mas a melhor forma, seria montar esse select dinamicamente, e não trazer o HTML dele, pronto dessa forma..

tem um exemplo em que faço isso no Laboratorio de Scripts aqui do forum de JS.

[ccesarc 0]

mas nao estou repetindo o id de funcionarios estou adicionando ele como um select com id funcionarios, nao o id funcionarios em nenhum lugar a mais no sistema.

[William Bruno 1501]

use o método live no lugar do bind, pois o HTML foi trazido após o window.onload

 

 

live()

http://api.jquery.com/live/

 

$("select[name='funcionarios']").live('click',function(){
        alert('clicou');        
});

assim nem precisa desse ID.. o melhor do jQuery são os seletores.

[ccesarc 0]

Era isso mesmo!!!! Muito obrigado!!! Pode colocar o topico como resolvido!