Executar combobo uf e cid. automat. ao receber uf e cid. por json ajax
Galera beleza, acredito que é o script, preciso que o codigo abaixo execute assim que o valor do uf for alterado mas sem o change porque uso ajax-json para preencher o select de uf e estado, pois é uma pagina de alteração que traz os valores cadastrados. Ele me traz os valores cadastrados, o uf muda de acordo com o valor recebido mas o estado não, alguem sabe com faço isso? SCRIPT - TRAZ VALORES CADASTRADOS AJAX-JSON
<script type="text/javascript">
$(function() {
$("#placa").mask("aaa-9999", {completed:function(){$("#consultar").focus().css('text-decoration','underline')}}).focus(). $("#consultar").attr('disabled',true). $("#placa").keyup(function(){
var valor = $(this).val(). if(valor!= '' && valor!= "___-____"){
$("#consultar").attr('disabled',false). }
}). }). $(document).ready(function(){
$("input[name='consultar']").click(function(){
var cod_estados = $("select[name='cod_estados']"). var cod_cidades = $("select[name='cod_cidades']"). <!-- alterar value button -->
$( "#consultar" ).val('Carregando...'). $.getJSON('function.php',
{ nome: $( "input[name='nome']" ).val() },
function( json )
{
$( cod_estados ).val( json.cod_estados ). $( cod_cidades ).val( json.cod_cidades ). <!-- voltar value button -->
$( "#consultar" ).val( "Consultar" )
}
). }). }). </script> SCRIPT - COMBOBOX CIDADE ESTADO <script src="[/color][url="http://www.google.com/jsapi"][color=#000000][http://www.google.com/jsapi[/color][/url][color=#000000]](http://www.google.com/jsapi%5B/color%5D%5B/url%5D%5Bcolor=#000000%5D)"></script> <!-- biblioteca combobox cidade 1,2 -->
<script type="text/javascript">
$(function(){
$('#cod_estados').change(function(){if( $(this).val() ) {
// $('#cod_cidades').hide(). //esconde o select e mostra o loading
$('.carregando').show(). $.getJSON('cidades.ajax.php?search=',{cod_estados: $(this).val(), ajax: 'true'}, function(j){
var options = '<option value="">Selecione</option>'. for (var i = 0. i < j.length. i++) {
options += '<option value="' + j[i].cod_cidades + '">' + j[i].nome + '</option>'. }
$('#cod_cidades').html(options).show(). //Mostra o select novamente apos pesquisa e esconde loading
$('.carregando').hide(). }). } else {
$('#cod_cidades').html('<option value="">Escolha um estado</option>'). }
}). }). </script> HTML - COMBOBOX CIDADE ESTADO <!-- busca dados --><tr>
<!-- Placa -->
<td class="td_escura_formulario" align="right"> <span>Placa:</span>
</td>
<td class="td_escura_formulario" >
<input type="text" class="maiuscula" name="nome" id="placa" size="6" value="" />
<input type="button" name="consultar" id="consultar" value="Consultar" style="cursor: pointer. " />
</td> <!-- combobox cid. e estad. --><td align="right" nowrap="nowrap" class="td_clara_formulario">UF/Cid. Empl.:</td> <td colspan="3" style="padding-right:0. " align="left" nowrap="nowrap" class="td_clara_formulario">
<select name="cod_estados" id="cod_estados"> <option value=""></option> <?php $sql = "SELECT cod_estados, sigla FROM estados ORDER BY sigla". $res = mysql_query( $sql ). while ( $row = mysql_fetch_assoc( $res ) ) { echo '<option value="'.$row['cod_estados'].'">'.$row['sigla'].'</option>'. }?>
</option></select> <label for="cod_cidades">Cidade:</label>
<select name="cod_cidades" id="cod_cidades"> <option value="">-- Escolha um estado --</option>
</select>
</select> / <select name="cod_cidades" class="cidades" id="cod_cidades">
<option value="">Escolha um estado</option>
</select> <span class="carregando" style="display:none. "><img align="absmiddle" height="15" src="../../imagens/loading.gif"></span></td>Pessoal, da uma ajudinha ae.Discussão (11)
Carregando comentários...