Formulário com preenchimento automatico, vários campos

Lemp · Março 22, 2009

Olá galera,

Estou com um problema aqui, parece que é relativamente simples, mas não estou conseguindo fazer de forma correta.

Seguinte, eu fiz um script, onde em um formulário, quando é preenchido o campo 'ClientID', os outros campos do formulário também são preenchidos automaticamente.

Exemplo:

Preenchendo o campo ClientID com o valor '1001', aparece o Nome do Cliente, telefone, Endereço, Cidade, nos campos destinados à isso logo na frente do campo ClientID.

O problema:

Não estou conseguindo fazer isso com vários campos, eu preciso de um formulário com 15 linhas, onde o usuário deverá preencher apenas o ClientID, e as demais informações aparecerão.

Não sei se ficou claro, mas serão 15 campos ClientID para serem preenchidos, para isso imaginemos que o código ficaria como: ClientID1, CLientID2, etc, etc.

Mas não consigo fazer todas as linhas retornarem o valor, somente a primeira.

Vejam se conseguem me ajudar:

Arquivo HTML com o formulário:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
    <title>Ajax - Client lookup</title>
    


    
    <style type="text/css">
    body{
        background-repeat:no-repeat;
        font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
        height:100%;
        background-color: #FFF;
        margin:0px;
        padding:0px;
        background-image:url('/images/heading3.gif');
        background-repeat:no-repeat;
        padding-top:85px;
    }
    
    fieldset{
        width:500px;
        margin-left:10px;
    }

    </style>
    &lt;script type="text/javascript" src="js/ajax.js"></script>
    &lt;script type="text/javascript" src="teste.js"></script>

</head>
<body>

        <form name="clientForm" action="ajax-client_lookup.html" method="post">
    
    <fieldset>
        <legend>Client information</legend>

        <table>
            <tr>
                <td><label for="clientID">Client ID:</label></td>
                <td><label for="firstname">First name:</label></td>
                <td><label for="lastname">Last name:</label></td>
                <td><label for="address">Address:</label></td>
                <td><label for="zipCode">Zipcode:</label></td>
                <td><label for="city">City:</label></td>
                <td><label for="country">Country:</label></td>
            </tr>
            <tr>
                
                <td><input name="clientID" id="clientID" size="5" maxlength="4"></td>
        
                
                <td><input name="firstname" id="firstname" size="20" maxlength="255"></td>

            
                
                <td><input name="lastname" id="lastname" size="20" maxlength="255"></td>
        
                
                <td><input name="address" id="address" size="20" maxlength="255"></td>

    
                
                <td><input name="zipCode" id="zipCode" size="4" maxlength="5"></td>
            
            
                <td><input name="city" id="city" size="20" maxlength="255"></td>

        
                
                <td><input name="country" id="country" size="20" maxlength="255"></td>
            </tr>
            
            <tr>
                
                <td><input name="clientID1" id="clientID1" size="5" maxlength="4"></td>
        
                
                <td><input name="firstname1" id="firstname1" size="20" maxlength="255"></td>

            
                
                <td><input name="lastname1" id="lastname1" size="20" maxlength="255"></td>
        
                
                <td><input name="address1" id="address1" size="20" maxlength="255"></td>

    
                
                <td><input name="zipCode1" id="zipCode1" size="4" maxlength="5"></td>
            
            
                <td><input name="city1" id="city1" size="20" maxlength="255"></td>

        
                
                <td><input name="country1" id="country1" size="20" maxlength="255"></td>
            </tr>
            
        </table>    
    
  <p>
    <input type="reset" name="Submit" value="Redefinir">
  </p>
</form>

    </fieldset>
        
</body>
</html>

Arquivo getClient.php

<?php

$connection = mysql_connect("server","usuario","senha");  
mysql_select_db("table",$connection);

if(isset($_GET['getClientId'])){  
  $res = mysql_query("select * from ajax_client where clientID='".$_GET['getClientId']."'") or die(mysql_error());
  if($inf = mysql_fetch_array($res)){
    echo "formObj.firstname.value = '".$inf["firstname"]."';\n";    
    echo "formObj.lastname.value = '".$inf["lastname"]."';\n";    
    echo "formObj.address.value = '".$inf["address"]."';\n";    
    echo "formObj.zipCode.value = '".$inf["zipCode"]."';\n";    
    echo "formObj.city.value = '".$inf["city"]."';\n";    
    echo "formObj.country.value = '".$inf["country"]."';\n";    
    
  }else{
    echo "formObj.firstname.value = '';\n";    
    echo "formObj.lastname.value = '';\n";    
    echo "formObj.address.value = '';\n";    
    echo "formObj.zipCode.value = '';\n";    
    echo "formObj.city.value = '';\n";    
    echo "formObj.country.value = '';\n";      
  }    
}

?>

E aqui os arquivos Java que são chamados no arquivo HTML

http://siberiaprojetos.com.br/pedido/js/ajax.js

http://siberiaprojetos.com.br/pedido/teste.js

Agradeço antecipadamente

Editado Março 22, 2009 por Lemp

Jonathan Queiroz · Março 23, 2009

Por favor, alguém apareça com uma resposta completamente idiota que faça eu ficar o dia inteiro falando: "como não pensei nisso antes?"

Up's não são permitidos de acordo com a regra 3.8 (Ver Regras)

3.8 Não é permitida a postagem de mensagens com a finalidade de manter o tópico no início da lista (up), nem de mensagens que não se refiram ao assunto do tópico (flood). Caso isso ocorra, as mensagens serão excluídas e os autores, advertidos.

Portanto, o post foi excluído !

Quanto à sua dúvida, não consegui entender

Você tem vários formulários (e cada um deles tem o campo "clientid1","clientid2",[...]) ou você está tentando atualizar vários campos do formulário ao mesmo tempo ?

Lemp · Março 23, 2009

Mals pelo UP.

Seguinte, eu montei um formulário que contem esses campos

ID Nome Cidade Estado CEP Telefone (exemplo)

Quando é preenchido o campo ID (como se fosse um número de identificação) o restante dos dados é preenchido automaticamente sem atualizações de tela.

Exemplo:

Digitando "1001" no campo ID:

ID Nome Cidade Estado CEP Telefone

1001 Luiza são Paulo SP 11000-000 55-5522

O problema:

São 15 linhas, cada linha contendo esses mesmo campos, para preencher com IDs diferentes.

Mas só estou conseguindo usar corretamente apenas uma linha.

Jonathan Queiroz · Março 23, 2009

Mas só estou conseguindo usar corretamente apenas uma linha.

Se não estou enganado não é necessário usar apenas um linha (afinal, você vai salvar o retorno do PHP em uma variável)

Acho que dá pra fazer normalmente assim:

eval(variavel_retorno)

Lemp · Março 23, 2009

Teoricamente sim, mas simplesmente não estou conseguindo implementar corretamente.

Poderia mostrar como ficaria exatamente?

Entrar

Formulário com preenchimento automatico, vários campos

Pergunta

Lemp

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

Lemp

Link para o comentário

Compartilhar em outros sites

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

Lemp

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades