<!-- Inicio do script criado para função de completar próximos campos -->
<script type='text/javascript'>
        $(document).ready(function(){
                $("input[name='descri']").blur(function(){
                        var $codigo_produto = $("input[name='codigo_produto']");
                        var $id = $("input[name='id']");
                        var $codigo_tipo= $("input[name='codigo_tipo[]']");
                        var $descricao  = $("input[name='descricao[]']");

                        $.getJSON('functionx.php',{
                                descricao: $( this ).val()
                        },function( json ){
                                $codigo_produto.val ( json.codigo_produto );
                                $id.val ( json.id );
                                $codigo_tipo.val( json.codigo_tipo  );
                                $descricao.val( json.descricao  );

                        });
                });
        });
</script>
<!-- Fim do script -->

<form action='salvar.php' method='POST'>

    <div class='form-group col-lg-4'>
        <label>  <b>Descrição:</b> </label> <!-- Não é enviado para o banco só está sendo utilizado para preencher os campos a partir deste -->
        <input type="text" maxlength="20"  name="descri"><br><br>
    </div>
    <div class='form-group col-lg-4'>
        <label>  <b>Código do Produto:</b> </label>
        <input type="text" maxlength="15"  name="codigo_produto"><br><br>
    </div>

    <table border="2"><!-- Iniciando a Tabela -->

        <thead>
            <tr><!-- Início dos Títulos da Tabela / Cabeçalho -->
                <th>Tipo</th>
                <th>Descrição</th>
            </tr><!-- Fim dos Títulos da Tabela / Cabeçalho -->
        </thead>

        <tbody>
        <?php for($i = 1; $i <= 5; $i++){ //coloquei este valor para testar ?>
                <tr>
                    <?php
                        $sql_tipo = "SELECT * FROM tipoprod ";
                        $resulta = $conn->query($sql_tipo);
                        $row = $resulta->fetch_assoc();
                            echo '<td><input type="hidden" name="id" value="'.$row['id'].'"></td>';
                    ?>
                    <td><input type="text" name="codigo_tipo[]"</td>
                    <td><input type="text" name="descricao[]" </td>

                </tr>
           <?php } ?>
        </tbody>

    </table><br>

<?php
include_once("conn.php");

function retorna($descricao, $conn){
    // Utilizando JOIN para trazer dados de mais de uma tabela
    $result = "SELECT A.descricao, B.id, B.codigo_produto, B.codigo_tipo, B.descricao FROM CADPRO A"
            . " LEFT OUTER JOIN TIPOPROD B ON (A.CODIGO_PRODUTO = B.CODIGO_PRODUTO) WHERE A.descricao = '$descricao' ";

    $resultado = mysqli_query($conn, $result);

    // DECLARA A VARIAVEL
    $valores = array();

    // Realiza o preenchimento dos campos a partir da descricao do produto informado
    if($resultado){
        while( $row = mysqli_fetch_assoc($resultado)){
         $valores['codigo_produto'] = $row['codigo_produto'];
         $valores['id'] = $row['id'];
         $valores['codigo_tipo'] = $row['codigo_tipo'];
         $valores['descricao'] = $row['descricao'];
        }
    } else {
        return json_encode(array( 'error' => mysqli_error($conn) ));
    }

    return json_encode($valores);
}

if(isset($_GET['descricao'])){
    echo retorna($_GET['descricao'], $conn);
}
?>