Jump to content
Fórum Script Brasil
  • 0

Formulário com preenchimento automatico, vários campos


Lemp

Question

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

Edited by Lemp
Link to post
Share on other sites

4 answers to this question

Recommended Posts

  • 0
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 ?

Link to post
Share on other sites
  • 0

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.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      149287
    • Total Posts
      645679
×
×
  • Create New...