Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde amigos, sei que há vario tópicos parecidos com esse, com praticamente a mesma dúvida, mas com diferentes resoluções. Mas o motivo de eu ter aberto um tópico novo foi por causa tenho duvida no meu código que não encontrei resposta nos outros tópicos.
De antemão informo que meu conhecimento em javascript é muito limitado, por isso peço encarecidamente a paciência e compreensão dos colegas e dede já agradeço a todos. Muito obrigado.
Bem, o problema:
Tenho um form php com dois campos apenas: "PN do item" e "Descrição".
Para o primeiro campo de input (PN do Item), com a ajuda da internet, implementei um script que a medida que digito ele faz uma busca no BD e autocompleta. Até ai beleza.
O que estou querendo agora é, aproveitando a minha estrutura, fazer com que ao escolher o item do primeiro campo de input, o segundo campo de input me retornasse do BD a descrição deste item automaticamente sem refresh da página.
Isso é possível?
Abaixo deixo meus scripts:
<?php
require_once 'config/conexao.class.php';
require_once 'config/crud.class.php';
$con = new conexao(); // instancia classe de conxao
$con->connect(); // abre conexao com o banco
$consulta = mysql_query("SELECT pn_item FROM descricao_de_itens"); //Busca da tabela descricao_de_itens o campo pn_item para preencher as opções no form
$dados ="";
if(mysql_num_rows($consulta) > 0){
while($row = mysql_fetch_assoc($consulta)){
$dados = $dados."\"".$row["pn_item"]."\",";
}
}
$dados = substr($dados,0,-1); // retira a última virgula
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="http://localhost/controle_estoque/css/jquery-ui.css">
<script src="http://localhost/controle_estoque/js/jquery-3.4.1.js"></script>
<script src="http://localhost/controle_estoque/js/ui/jquery-ui.js"></script>
<script>
$( function(){
var availableTags = [<?php echo $dados?>];
$( "#tags" ).autocomplete({
source: availableTags
});
} );
</script>
<title></title>
</head>
<body>
<form action="" method="post"><!-- formulario carrega a si mesmo com o action vazio -->
<div class="ui-widget">
<label for="tags">PN do Item:</label>
<input id="tags" type="text" name="nome"/>
<br />
<br />
</div>
<label>Descrição:</label>
<input type="text" name="descricao"/>
<br />
<br />
<input type="submit" name="cadastrar" value="Cadastrar" />
</form>
</body>
</html>
<?php $con->disconnect(); // fecha conexao com o banco ?>Carregando comentários...