Select com vários options
25/06/2016
0
Olá, pesquisei na Internet e não consegui achar a resposta, se alguém puder me ajudar, fico agradecido.
Estou montando um site de agendamento, criei um banco de dados exemplo e duas tabelas, uma para funcionários e outra para clientes. No agendamento eu criei um formulário em HTML escolhendo o tipo de serviço para em sequência, em outro input, escolher os funcionários que fazem esse tipo de serviço puxando do banco de dados. Para isso eu criei um campo funcao na tabela funcionarios para puxar dali, porém não consigo colocar esses nomes nos options depois de selecionado o serviço, alguém pode me ajudar? Estou fazendo em HTML, php e sql. Obrigado.
Estou montando um site de agendamento, criei um banco de dados exemplo e duas tabelas, uma para funcionários e outra para clientes. No agendamento eu criei um formulário em HTML escolhendo o tipo de serviço para em sequência, em outro input, escolher os funcionários que fazem esse tipo de serviço puxando do banco de dados. Para isso eu criei um campo funcao na tabela funcionarios para puxar dali, porém não consigo colocar esses nomes nos options depois de selecionado o serviço, alguém pode me ajudar? Estou fazendo em HTML, php e sql. Obrigado.
Caio
Curtir tópico
+ 1
Responder
Posts
27/06/2016
Caio
<?php
include "conexao.php";
$cons_cab = mysql_query("SELECT `nome` FROM `rpessoal` WHERE `funcao` LIKE '%cab%'");
$cons_maq = "SELECT `nome` FROM `rpessoal` WHERE `funcao` LIKE `%maq%`";
$maq = mysql_query($cons_maq);
$am = array($maq);
$cons_unha = "SELECT `nome` FROM `rpessoal` WHERE `funcao` LIKE `%unha%`";
$unha = mysql_query($cons_unha);
$au = array($unha);
$cons_dep = "SELECT `nome` FROM `rpessoal` WHERE `funcao` LIKE `%dep%`";
$dep = mysql_query($cons_dep);
$ad = array($dep);
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Teste</title>
</head>
<body>
<b>Serviço:</b></td>
<select name="servico" id="servico" onchange="changeSelect();">
<option value="">Selecione um serviço</option>
<option value="cabelo">Cabelo</option>
<option value="maquiagem">Maquiagem</option>
<option value="unha">Unha</option>
<option value="depilacao">Depilação</option>
</select>
</br></br>
<b>Profissional:</b>
<select name="profissional" id="profissional">
<option value="">Selecione Setor</option>
</select>
<script type="text/javascript">
function changeSelect(){
var select = document.getElementById('servico');
var selectSetor = document.getElementById('profissional');
var value = select.options[select.selectedIndex].value;
//remove itens
var length = selectSetor.options.length;
var i;
for(i = selectSetor.options.length-1 ; i>=0 ; i--)
{
selectSetor.remove(i);
}
if(value == 'cabelo') {
var option = document.createElement('option');
option.value = '1';
option.text = '<?php $cons_cab ?>';
selectSetor.add(option);
} else if (value == 'maquiagem'){
var option2 = document.createElement('option');
option2.value = '';
option2.text = '<?php $cons_maq ?>';
selectSetor.add(option2);
} else if (value == 'unha'){
var option3 = document.createElement('option');
option3.value = '3';
option3.text = '<?php $cons_unha ?>';
selectSetor.add(option3);
} else if (value == 'depilacao'){
var option4 = document.createElement('option');
option4.value = '4';
option4.text = '<?php $cons_dep ?>';
selectSetor.add(option4);
}
}
</script>
</body>
</html>
Esse foi o código que fiz mas não funcionou, se alguém puder me ajudar eu agradeceria.
include "conexao.php";
$cons_cab = mysql_query("SELECT `nome` FROM `rpessoal` WHERE `funcao` LIKE '%cab%'");
$cons_maq = "SELECT `nome` FROM `rpessoal` WHERE `funcao` LIKE `%maq%`";
$maq = mysql_query($cons_maq);
$am = array($maq);
$cons_unha = "SELECT `nome` FROM `rpessoal` WHERE `funcao` LIKE `%unha%`";
$unha = mysql_query($cons_unha);
$au = array($unha);
$cons_dep = "SELECT `nome` FROM `rpessoal` WHERE `funcao` LIKE `%dep%`";
$dep = mysql_query($cons_dep);
$ad = array($dep);
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Teste</title>
</head>
<body>
<b>Serviço:</b></td>
<select name="servico" id="servico" onchange="changeSelect();">
<option value="">Selecione um serviço</option>
<option value="cabelo">Cabelo</option>
<option value="maquiagem">Maquiagem</option>
<option value="unha">Unha</option>
<option value="depilacao">Depilação</option>
</select>
</br></br>
<b>Profissional:</b>
<select name="profissional" id="profissional">
<option value="">Selecione Setor</option>
</select>
<script type="text/javascript">
function changeSelect(){
var select = document.getElementById('servico');
var selectSetor = document.getElementById('profissional');
var value = select.options[select.selectedIndex].value;
//remove itens
var length = selectSetor.options.length;
var i;
for(i = selectSetor.options.length-1 ; i>=0 ; i--)
{
selectSetor.remove(i);
}
if(value == 'cabelo') {
var option = document.createElement('option');
option.value = '1';
option.text = '<?php $cons_cab ?>';
selectSetor.add(option);
} else if (value == 'maquiagem'){
var option2 = document.createElement('option');
option2.value = '';
option2.text = '<?php $cons_maq ?>';
selectSetor.add(option2);
} else if (value == 'unha'){
var option3 = document.createElement('option');
option3.value = '3';
option3.text = '<?php $cons_unha ?>';
selectSetor.add(option3);
} else if (value == 'depilacao'){
var option4 = document.createElement('option');
option4.value = '4';
option4.text = '<?php $cons_dep ?>';
selectSetor.add(option4);
}
}
</script>
</body>
</html>
Esse foi o código que fiz mas não funcionou, se alguém puder me ajudar eu agradeceria.
Responder
Clique aqui para fazer login e interagir na Comunidade :)