Preencher input automaticamente

[sergionpinheiro 0]

Bom dia galera, queria uma ideia de como adaptar este código para carregar um input automaticamente a partir do preenchimento de outro, tudo dinamicamente.

 

Segue o código:

 

<script type="text/javascript">

$(function(){

$("input[name=barras]").blur(function(){

var barras = $("input[name=barras]").val();

$.post('check_barras.php',{barras: barras},function(data){

$('#resultado').html(data);

if(data != 0) {

$("input[name=nome_produto]").focus();

}

});

});

});

</script>

Os inputs:

<input name="barras" id="resultado"> Aqui vou pistolar o código de barras

<input name="nome_produto"> Aqui é pra carregar o nome do produto automaticamente.

Consulta check.barras.php:

<?php

require_once('conexao_com_o_banco');

mysql_select_db($selecionando_banco);

$sql_barras = "SELECT * FROM tb_produtos WHERE barras = '".$_POST['barras']."'";

$barras = mysql_query($sql_barras);

$row_barras = mysql_fetch_assoc($barras);

if(mysql_num_rows($barras) > 0 ) {

echo $row_barras['nome_produto'];

}

?>

Fico no aguardo.

Valeu

[Handoncloud 13]

(eu tinha pensado que era um input aparecer dps do outro)

 

- Ao digitar em uma caixa de texto (eventos: keyup ou change), verifica se a caixa de texto tem mais que x caracteres, e assim, exibe.

 

Exemplo usando arrays:

$(document).ready(function(){
  var form_txt_boxes = ["#oi", "#hey", "#boy", "#fixe"];
  var disbox = 0;

  for (var i=0;i<form_txt_boxes.length;i++) {
    $(form_txt_boxes[i]).keyup(function(){
     check_box(form_txt_boxes[i]);
    });
    $(form_txt_boxes[i]).change(function(){
     check_box(form_txt_boxes[i]);
    });
  }
  function check_box(b){
    if ($(b).val().length > 2) { disbox++; form_txt_boxes[disbox].show(); }
  }
});

Desculpa, ainda há um erro no code e estou tentando arrumar. :(

[sergionpinheiro 0]

Mas, o que posso fazer em cima desse código que eu passei?

[Snowden 94]

$(function(){

$('input[name="barras"]').blur(function(){

var barras = $(this).val();

 

$.post('check_barras.php', { barras: barras }, function(data) {

if(data) {

$('input[name="nome_produto"]').val(data);

}

});

});

});

[sergionpinheiro 0]

Valeu pela dica, agora está um erro muito grande começando assim:

 

<br /><font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'><tr>...

 

Isso aparece no retorno do input após o primeiro ser preenchido.

[sergionpinheiro 0]

Bom dia Hugo, deu certo o seu código. Acho que tinha colocado algo errado.

 

Só mais uma dúvida. Nesse mesmo campo, caso o usuário não pistole o código de barras, ele tem a opção de digitar o nome do produto e este campo tem um autocomplete, ou seja, conforme as letras que ele digita, os dados são buscados no banco.

 

O seu código funcionou perfeitamente, mas o campo não é setado quando carrega o valor do campo. Tipo, se eu pistolar no campo código o valor 5, ele me traz o nome do produto, mas, além de carregar o número, coloquei para carregar a quantidade ao lado do nome, porém isso não é carregado, somente se eu apagar o campo e escrever o que foi carregado novamente. Entendeu? Tem alguma coisa a ver com trigger?

 

Valeu

[Snowden 94]

Bom dia,

 

Não, se quer receber vários dados numa única requisição use JSON

$.post('check_barras.php', { barras: barras }, function(data) {
  if (data) {
    // pega o nome do produto
    $('input[name="nome_produto"]').val(data.nome);

    // pega a quantidade
    // data.qtd
  }
}, 'json'); // <- JSON

e no seu php

if (mysql_num_rows($barras) > 0 ) {    
  echo json_encode( // <- JSON
    array(
      'nome' => $row_barras['nome_produto'],
      'qtd' => $row_barras['coluna_quantidade']
      // add outros dados se quiser
    )
  );
}