Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vivian_Silva

Popular select através de um evento onClick

Por , em Javascript

Recommended Posts

Vivian_Silva    0

Vivian_Silva
Postado

Tenho um formulario básico e preciso popular 3 selects, sendo que dois são gerados baseado na escolha que o usuário fez no select anterior. Tentei fazer isso via ajax, porém sou completamente leiga no assunto.

 

Pensei em fazer da seguinte maneira, o primeiro select busca todas as áreas cadastradas no BD (isso eu consegui rsrs). Para preencher o segundo select, o usuário clicaria em um botão que passa o codigo da area selecionada, e retornaria apenas os setores vinculados preenchendo o segundo select. Novamente o usuario clica no botão para preencher o terceiro select, que é de equipes.

 

Meu problema é que não consigo montar a função que recebe esses parâmetros e muito menos retornar os dados de que preciso. Segue meu código:

<html> 
<head>
<meta charset="UTF-8">
<script>

function montaSetor(nomeArea){

}

function montaEquipe(){
	
}

</script>


</head>
<body>

<form action="index.php" method="Get">

<?php
$link = mysqli_connect('localhost', 'root', '', 'bd_area');
 
$query='Select * from area';
 
$resultado = mysqli_query($link, $query);
echo 'Área: <select name=”area”>';
 
while($linha=mysqli_fetch_array($resultado)) {
//escreve o 'id' no value e o 'nome' no texto.
echo ' <option value="' . $linha['codArea'] . '">' . $linha['nomeArea'] . '</option>';
}
echo '</select>';


echo '<input type="submit" value="Pesquisar Setores" onclick(nomeArea) ="montaSetor"><br><br>';


echo 'Setor: <select name="setor">';
echo '</select>';

echo '<input type="submit" value="Pesquisar Equipes" onclick() ="montaEquipe"><br><br>';

echo 'Equipe: <select name="equipe">';
echo '</select>';

?>

</body>
</html>

A página vai atualizar toda vez que o usuario clicar em pesquisar... Alguém sabe como fazer isso???

 

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito