Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

hayllonprata

Problema ao duplicar classe JQUERY

Por , em Javascript

Recommended Posts

hayllonprata    0

hayllonprata
Postado

Pessoal ja quebrei a cabeça mas sou novo em jquery e estou com o seguinte problema:

 

Estou adicionando produtos dinamicamente ao banco de dados, e ao selecionar o produto eu puxo o valor dele do banco para adicionar a um campo abaixo, meu problema esta no seguinte, quando eu clico em novo produto E SELECIONO ele nao altera o valor no segundo box adicionado. Se alguem puder me ajudar... Obrigado, segue o codigo:

 

 

LINK DA PAGINA DE TESTE:

https://www.zordhookah.com.br/sistema/TESTES.php

 

<script type="text/javascript">
$(document).ready(function(){
   var itemCont = 1;
   $("#novoProd").click(function(){
   var novoItem = $(".item-produto-venda").clone();
   $("#formulario-v .box_item").append(novoItem);
   });
  });
 
 
   $(document).ready(function(){
       var novoCampo = $(".produtoId2").change(function(){
            $(".valor_produto").load('seleciona_preco.php?produto_id='+$('.produtoId2').val());
        });
});
 
</script>
</head>
<body>
 
<form name="" id="formulario-v" action="" method="post" enctype="multipart/form-data">
 
 
<input type="button" id="novoProd" value="Novo produto" class="btn btn-primary"/><br><br>
<div class="box_item">
<div id="item" class="item-produto-venda item form-group">
        <label>Selecione o produto:</label>
         <select id="produtoId" name="id_prod[]" class="form-control produtoId2">
<option value="">Selecione...</</option>
<?php
$sl_prod = mysql_query("SELECT * FROM produtos ORDER BY nome ASC");
while($ex_prod = mysql_fetch_array($sl_prod)){
?>
         <option value="<?php echo $ex_prod['id']; ?>" id="<?php echo $ex_prod['id']; ?>"><?php echo ucfirst($ex_prod['nome']); ?></option>
<?php } ?>
 
         </select>
<br>
 
      <label>Valor do Produto: </label>
        <div class="valor_produto"></div><br> 
 
 
<br> 
<br> 
<br> 
 
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Deixa assim:

 

<script type="text/javascript">
$(document).ready(function(){
    var itemCont = 1;
    $("#novoProd").on('click', function(){
      var novoItem = $(".item-produto-venda").clone();
      $("#formulario-v .box_item").append(novoItem);
   });


  $('body').on('change', ".produtoId2", function(){
    var v = $(this).val();
    var $parent = $(this).parents('.item-produto-venda');

    $parent.find(".valor_produto").load('seleciona_preco.php?produto_id='+v);
  });
});

</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito