(Resolvido) [DUVIDA]É possivel pegar valor de um select sem ter submit

[Renato Luiz]

Olá, este é meu primeiro tópico aqui, espero obter ajuda e ajudar demais usuários também.

Gostaria de saber se é possivel atribuir o valor de um select em uma variável do php sem ter um submit no form. Estou tentando fazer isso no meu código e não consigo.

arquivo principal

	
       <form action="camposAcessoUsuario.php" method="post"> 
	<table class="tabMenu" id="aTable" >
	  <tr class="titulo">
	    <td colspan="2">Parâmetros da Consulta</td>
	  </tr>
	  <tr>
	  	<td colspan="2">
	  	  Abrangência:* <input type="radio" name="abrangencia" value="brasil" onClick="mostrarLinha(2);" checked>Brasil
	  	  			    <input type="radio" name="abrangencia" value="outro" onclick="esconderLinha(2);">Outros
	  	</td>
	  </tr>
	  <tr>
	  	<td width="50%">
	       Estado:*
	       <?php
	       $campos = new camposAcessoUsuario();
	      $campos->preenche_uf();
	       ?>
	    </td>	  	
	  	<td>
	      Cidade:* 
		   <?php 
		   $campos->preenche_cidade();
		   ?>
	    </td>
	  </tr> 
          </form>
[/codebox]

funçao do acessaCamposUsuario.php

[codebox]
public function preenche_uf()
{
$this->conexaoBanco();
$sql = "SELECT DISTINCT sigla FROM municipios_br ORDER BY sigla";
$consulta = pg_query($this->conexao, $sql);
echo("<select name=\"uf\" id=\"uf\" ");
while ($registro = pg_fetch_object($consulta))
{
if($registro->sigla != '')
{
echo("<option value=\"$registro->sigla\">$registro->sigla</option>");
}
}
echo("<option value=\"Todos\">Todos</option>");
echo("</select>");
}

gostaria de pegar o valor do select uf, para montar uma função parecida com a preenche_uf para popular o select de cidades

Editado Agosto 15, 2011 por Renato Luiz

[ESerra]

Neste caso você terá que utilizar ajax.

[Renato Luiz]

Pior que não sei nada de ajax...

seria uma função complicada ou simples em ajax para fazer isso?

[ESerra]

Não é tão complicado... dá pra usar jquery que faz isso automaticamente, acho que até no manual do jquery tem exemplo populando selects...

[Willian Gustavo Veiga]

Não é complicado. Você só precisa estudar o conceito. Exemplos não faltam na Internet.

Um abraço.

[Renato Luiz]

obrigado pelas respostas...

estou tentando fazer com javascript, não sei se estou no caminho certo, e se é possível fazer o que estou pensando

fiz esta função js e coloquei no onChange do select uf

function getState(what) {
    var estado = document.getElementById("uf").value;
    alert(estado);
    return estado;
}

public function preenche_uf()
    {
        $this->conexaoBanco();
        $sql = "SELECT DISTINCT sigla FROM municipios_br ORDER BY sigla";
        $consulta = pg_query($this->conexao, $sql);
        echo("<select name=\"uf\" id=\"uf\" onChange=\"getState(this);\" ");
        while ($registro = pg_fetch_object($consulta))
        {
             if($registro->sigla != '')
             {
                echo("<option value=\"$registro->sigla\">$registro->sigla</option>");
             }
        }
        echo("<option value=\"Todos\">Todos</option>");
        echo("</select>");    
    }

está exibindo os alertas certinho de acordo com o estado que é clicado...minha duvida é:

é possivel chamar essa função em uma variável php? ou algo parecido

$estado = getState("uf");

Editado Agosto 15, 2011 por Renato Luiz

[Willian Gustavo Veiga]

Se você quiser aprender sem bibliotecas sugiro a leitura deste post.

Mas como o ESerra disse, com jQuery fica mais fácil. O manual realmente é muito bom.

Um abraço.

Editado Agosto 15, 2011 por Willian Gustavo Veiga

[Renato Luiz]

consegui resolver

usei a biblioteca jquery

utilizei esta função no onChange do select e passei como parametro this.value

function exibeSelectCidade(estado) {
        $.ajax(
        {
            type: "POST",
                url: "camposAcessoUsuario.php",  //pagina que manda as informações
                data: "acao=exibeSelectCidade&estado=" + estado,
                beforeSend: function() {
                // enquanto a função esta sendo processada, você
                // pode exibir na tela uma
                // msg de carregando
                },
                success: function(txt) {
                // pego o id da div que envolve o select com
                // name="id_modelo" e a substituiu
                // com o texto enviado pelo php, que é um novo
                //select com dados da marca x
                $('#ajax_estado').html(txt);
                },
                error: function(txt) {
                // em caso de erro você pode dar um alert('erro');
                }
            }
        );
}

Editado Agosto 18, 2011 por Renato Luiz