SELECT Jquery não seleciona

[marcelocardoso 6]

Pessoal!

Desmembrei este código apenas para exemplo, onde não estou conseguindo selecionar o código.

<script src="jquery-1.3.1.js" type="text/javascript"></script>			
<form id="formcadastro3" method="post">	
									
	<input id="camposelecionado" type="hidden" value="3">

	<script type="text/javascript">
		$(document).ready(function(){
			   $('#cadid2').change(function(){
			   $('#cadid3').load('index.asp?id=3&subcategoria='+ $('#cadid2').val());
			});
			$('#cadid2').trigger("change");
		});
	</script>

	<script type="text/javascript">
		$(document).ready(function(){ 
			$('#cadid3').find('option[value="' + $("#camposelecionado").val() + '"]').attr("selected", "selected"); 
		});
	</script>

	<select id="cadid2" name="cadid2">
	   <option value="1">Financeiro</option>
	   <option value="2">Aquisicoes</option>
	   <option value="3">Contratos</option>
	   <option value="4">Notas Auditoria</option>
	   <option value="5">Auditores</option>
	   <option value="6">Recursos Humanos</option>
	   <option value="7">Riscos Estrategicos</option>
	</select>

	<select id="cadid3" name="cadid3">
		<option value="4">Cobranca</option>
		<option value="3">Tesouraria</option>
	</select>


</form>

Tenho um código ajax onde busco os dados do banco para jogar no CADID3, porém, o mesmo com o código acima não traz selecionado.
Tentei usando o:
 

	<script type="text/javascript">
		$(document).ready(function(){ 
			$('#cadid3').find('option[value="' + $("#camposelecionado").val() + '"]').attr("selected", "selected"); 
		});
	</script>

também não vai, tentei selecionar com o ASP, ( IF variavel = varivel THEN response.write " selected") também não.
será q estou errando... se souberem de soluções para este código, agradeço retorno.
desde já, grato. 

 

[gabrieldarezzo 255]

Cara como sempre...

Apresenta erros? Quais?

 

Já tentou ir debugando com

console.log('passei aqui');

console.log('Ativou função x');


console.log('Clicou no botão Y');

console.log('Iniciou o ajax');

E novamente recomendo a leitura:

https://github.com/gabrieldarezzo/desafiosInternos/tree/master/ajax#guia-definitivo-ajax

[marcelocardoso 6]

valeu darezzo.
vou dar uma olhada, ok...
até...

[Eziquiel 96]

Parece simples, meu amigo.

 

O problema parece ser o seguinte: quando a função que seleciona a opção desejada é chamada, o select ainda nem foi preenchido, pois há um tempo de resposta para a requisição que você faz para "index.asp". Quando a  próxima instrução depende de uma resposta de uma requisição feita anteriormente, deverá aguardar a resposta antes de executá-la.

 

Então você precisa chamar o procedimento de seleção após garantir que o select já foi devidamente populado (que é quando a função load está completa e retornou "sucesso"). Experimente o seguinte:

 

<script>
    $(document).ready(function(){
        
      $('#cadid2').change(function(){
          $('#cadid3').load('index.asp?id=3&subcategoria='+ $('#cadid2').val(), function( response, status, xhr ){
            if (status == "success"){   
                 $('#cadid3').find('option[value="' + $("#camposelecionado").val() + '"]').attr("selected", "selected"); 
            }  
          });                       
      });
        
      $('#cadid2').trigger("change");
        
    });
</script>

 

[marcelocardoso 6]

valeu, vou testar, grato.... colega!!!

[Douglas Julião 34]

Oi maninho, da uma olhada aqui e ve se te ajuda em alguma coisa, boa sorte

Fiz de um jeito bem simples, não sei se é bem isso.

Exemplo jsfidlenet

[marcelocardoso 6]

valeu colegas, resolvido.
grato pelas contribuições...