Olá pessoal tudo bem com vocês? Minha primeira dúvida que posto aqui no stack, sempre consulto o forum pra sanar algumas dúvidas e sempre encontro o que procuro. Sei que existem alguns tópicos com o mesmo título, mas o que eu preciso realmente não estou conseguindo encontrar.
Eu estou fazendo um pequeno trabalho em php, uma requisição eletrônica de materiais, a requisição funciona da seguinte forma o usuário digita o código do produto e assim que mudar de campo a descrição do produto é preenchida, até aqui beleza eu consigo fazer.
O problema é que eu tenho um botão para adicionar mais produtos e ao clicar ele clona os inputs e adiciona uma outra linha ao formulário e ao digitar outro código de produto a descrição dele não é preenchida. Meu conhecimento com php é de básico a médio e com ajax e jquery ainda sou bem iniciante.
Vou postar aqui os códigos se puderem me ajudar serei muito grato! Obrigado
requisicoes.php (html)
<form id="clone-form" class="requisicao formrequisicao" method="post" action="">
<div class="col-7">
<label>Codigo
<input type="text" name="Cod" id="Cod" class="inputform" placeholder="Código do produto"/>
</label>
</div>
<div class="col-5">
<label>Descrição
<input type="text" name="cDesc" id="Desc" class="inputform" placeholder="Descrição do produto"/>
</label>
</div>
<div class="col-6">
<label>Necessidade Mensal
<input type="text" name="cDesc" id="cDesc" class="inputform" placeholder="Descrição do produto"/>
</label>
</div>
<div class="col-6">
<label>Saldo Atual
<input type="text" name="cDesc" id="cDesc" class="inputform" placeholder="Descrição do produto"/>
</label>
</div>
<div class="col-6">
<label>Solicitado
<input type="text" name="cDesc" id="cDesc" class="inputform" placeholder="Descrição do produto"/>
</label>
</div>
</div>
<div class="col-submit-2">
<input type="button" id="botao2" class="centro enviar clonador" value="Adicionar Produto">
</div>
<div class="col-submit-2">
<input type='submit' id='botao2' class='enviar' value='Enviar'/>
</div>
</form>
produtos-requisicao.php
<?php
if(isset($_GET['Cod'])){
$cod = $_GET['Cod'];
}
$host = "localhost";
$db = "rem";
$user = "root";
$pass = "";
$conecta = new mysqli($host, $user, $pass, $db);
$conecta->query("
SET NAMES utf8;
");
if(!$conecta){
echo "Não foi possivel conectar no banco de dados";
}
date_default_timezone_set('America/Sao_Paulo');
$prod = $conecta->query("
SELECT * FROM tab_produto where codproduto = '".$cod."';
");
$linha = mysqli_fetch_array($prod);
$total = mysqli_num_rows($prod);
if($total > 0){
if($linha['tipo_id'] == 3){
$Desc = $linha['descricao'];
$produtos[$cod]['Desc'] = $Desc;
echo $produtos [$cod]['Desc'];
}
else if($linha['tipo_id'] == 4){
$produtos[$cod]['Desc'] = $linha['descricao'];
echo $produtos[$cod]['Desc'];
}
}else{
$produtos[$cod]['Desc'] = "Código não cadastrado";
echo $produtos[$cod]['Desc'];
}
Ajax e script para clonar os inputs
$(function () {
$("#Cod").blur(function () {
var Cod = $(this).val();
$.ajax({
type: "GET",
url: "../ajax/produtos-requisicao.php",
data: "Cod="+Cod,
success: function(produtos){
$("#Desc").val(produtos);
}
});
});
});
$(document).ready(function(){
var elm_html = $('#clone-form').html(); //faz uma cópia dos elementos a serem clonados.
$(document).on('click', '.clonador', function(e){
e.preventDefault();
var i = $('.requisicao').length; //pega a quantidade de clones;
var elementos = elm_html.replace(/\[[0\]]\]/g, '['+i+++']'); //substitui o valor dos index e incrementa++
$('#clone-form').append(elementos); //exibe o clone.
});
});