Evento onClick no combobox

[karlosrapanui 0]

Bom dia

 

Um combo de cidades

<select name="cod_cidades" class="caixa" id="cod_cidades" onFocus="i_move(this)" onBlur="o_move(this)">
<option value="">-- Escolha uma cidade --</option>
</select>

 

a chamada para o os nomes das cidades vem do js abaixo

	<label for="cod_cidades"></label>
	<span class="carregando">Aguarde, carregando...</span>
	<script src="http://www.google.com/jsapi"></script>
	<script type="text/javascript">
	  google.load('jquery', '1.3');
	</script>

	<script type="text/javascript">
	$(function(){
		$('#cod_estadosPesq').change(function(){
			if( $(this).val() ) {
				$('#cod_cidades').hide();
				$('.carregando').show();
				$.getJSON('combo.pesquisa.imoveis.cidades.ajax.php?search=',{cod_estados: $(this).val(), ajax: 'true'}, function(j){
					var options = '<option value=""></option>';
					for (var i = 0; i < j.length; i++) {
						options += '<option value="' + j[i].codigo + '">' + j[i].cidade + '</option>';
					}
					$('#cod_cidades').html(options).show();
					$('.carregando').hide();
				});
			} else {
				$('#cod_cidades').html('<option value="">Escolha um estado</option>');
			}
		});
	});
	</script>

SCRIPT combo.pesquisa.imoveis.cidades.ajax.php

<?php
header( 'Cache-Control: no-cache' );
header( 'Content-type: application/xml; charset="utf-8"', true );

$con = mysql_connect( 'localhost', 'root', '' ) ;
mysql_select_db( 'teste', $con );
       mysql_query("SET NAMES 'utf8'", $con);
       mysql_query('SET character_set_connection=utf8', $con);
       mysql_query('SET character_set_client=utf8', $con);
       mysql_query('SET character_set_results=utf8', $con);

$cod_estados = mysql_real_escape_string( $_REQUEST['cod_estados'] );

$cidades = array();

$sql = "SELECT codigo, cidade FROM cidades WHERE estados_cod_estados=$cod_estados ORDER BY cidade";
$res = mysql_query( $sql );
while ( $row = mysql_fetch_assoc( $res ) ) {
	$cidades[] = array(
	'codigo' => $row['codigo'],
	'cidade' => $row['cidade'],
	);
}

echo( json_encode( $cidades ) );

 

 

 

 

 

 

Quero que ao clicar nele e escolher uma cidade, automaticamente o combo abaixo selecione os bairros referente a essa cidade

 

 

combo dos bairros

                   <select name="bairro" class="caixa" id="bairro" onFocus="i_move(this)" onBlur="o_move(this)">
                   <option value=""></option>
                   <?php
                       $sql = "SELECT codigo, bairro FROM bairros WHERE codcidade = $codigo ORDER BY bairro";
			        $res = mysql_query( $sql );
			        while ( $row = mysql_fetch_assoc( $res ) ) {
				       echo '<option value="'.$row['codigo'].'">'.$row['bairro'].'</option>';
			        }
		        ?>
                   </select>

 

o $codigo em questão é o campo codigo da tabela bairros que esta ligado ao campo codigo da tabela cidades

 

Alguem tem uma ajuda ?

 

[]'s

Carlos

[William Bruno 1501]

para combobox, você deve usar onchange e não onclick.

 

exemplo com jQuery:

http://wbruno.com.br/blog/2009/10/06/combos-dependentes-ajax-jquery/