Preencher vários inputs de acordo com id escolhido no select
Pessoal tenho o seguinte código:
<body>
<label for="cadastro">Cadastro</label>
<select id="cadastro" name="cadastro" id="">
<?php
$busca_segura = $PDO_con->prepare("SELECT * FROM tb_cad_pf WHERE excluido != 'sim' ");
$busca_segura->execute();
if ($busca_segura == 1) {
while ($dados= $busca_segura->fetch(PDO::FETCH_ASSOC)) {
$opt .= '<option value="' . $dados['id_cad_pf'] . '">' . $dados['nome'] . '</option>';
}
} else {
$opt = '<option value="0">Nenhum cliente cadastrado</option>';
}
echo $opt;
?>
</select>
<label for="nome">Nome</label>
<input type="text" id="nome" placeholder="nome" value=""/>
<label for="sobrenome">Sobrenome</label>
<input type="text" id="sobrenome" placeholder="nome" value=""/>
<label for="login">Login</label>
<input type="text" id="login" placeholder="nome" value=""/>
<script>
var nomes = ["", "Tiago", "Rafael", "Marcos", "Tatiane", "Luana"];
var sobrenomes = ["", "Pereira", "Silva", "Grilhones", "Nascimento", "Piovani"];
var logins = ["", "tiago_pereira", "rafael_01", "marcos.g2", "taty2017", "luana10"];
document.getElementById("cadastro").addEventListener('change', function () {
document.getElementById("nome").value = nomes[this.selectedIndex];
document.getElementById("sobrenome").value = sobrenomes[this.selectedIndex];
document.getElementById("login").value = logins[this.selectedIndex];
});
</script>
</body>
Ao selecionar um id no select me retorna o respectivo nome, sobrenome e login nos referidos inputs. Por exemplo se eu selecionar o 3 id ele vai preencher os inputs nome: Rafael, Sobrenome: Silva e login: rafael_01. Até ai tudo bem, esta funcionando.
A duvida é como que faço para que no "var nomes", "var sobrenomes" e "var logins" vir direto do banco de acordo com o id escolhido?Discussão (10)
Carregando comentários...