Jump to content

pedro.hso

Members
  • Content count

    2
  • Joined

  • Last visited

Community Reputation

0 Comum

About pedro.hso

  1. pedro.hso

    Erro Evento onChange

    Boa tarde, Estou desenvolvendo um select dependente com evento onChange, que funciona perfeitamento , no entanto quando saio do campo ele esta chamando a função novamente como se estivesse realizando o evento onBlur. HTML parte da tabela de inserção. <td><select name="destino[]" id="destino_0" onChange="retorna('4','0');" class="form-control" placeholder="Comece a digitar"> <option></option> <?php $dados=mysql_query("SELECT * FROM adm_cad WHERE menu='destino'"); while($row = mysql_fetch_assoc($dados)) { echo "<option value='".$row["valor"]."'>".$row["valor"]."</option>"; } ?> </select></td> <td> <span class="loading0" style="display: none">Aguarde, carregando...</span><select style="display: none" name="maq_eq[]" id="maq_eq_0" class="form-control" placeholder="Comece a digitar"> <option></option> </select></td> Javascript que executa function retorna(op,id_row){ if(op=='4'){ var destino = document.getElementById("destino_"+id_row+"").value; if (destino=='Maquinas'){ $('#row_'+id_row+' input:eq(1)').remove(); $('#maq_eq_'+id_row+'').empty().hide(); $('.loading'+id_row+'').show(); $.getJSON('des_processa.php?search=',{op: 2, ajax: 'true'}, function(j){ var options = '<option></option>'; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].id_maq + '">' + j[i].maq + '</option>'; } $('#maq_eq_'+id_row+'').html(options).show(); $('#maq_eq_'+id_row+'').selectToAutocomplete(); $('.loading'+id_row+'').hide(); }); }else{ var options = '<option></option>'; $('.loading'+id_row+'').hide(); $('#maq_eq_'+id_row+'').html(options); } } } Se alguem puder me da uma luz oque pode estar acontecendo. Agradeço
  2. Ola, sou iniciante na programação, mas estou desenvolvendo um sistema de gerenciamento, onde tenho que dar entrada de notas, ou seja estas notas necessitam de mais produtos eventualmente, e queria adicionar dinamicamente estes campos, realizando o clone row , no entanto consigo duplicar mas nao carrega as minhas funções de options. <div id="main" class="container-fluid"> <form action="des_geral.php" method="post"> <div class="row"> <div class="col-xs-3"> <label for="campo2">Data</label> <input type="date" class="form-control" id="data" name="data" > </div> <div class="col-xs-3 "> <label for="campo5">Nº Nota Fiscal</label> <input type="number" class="form-control" min="1" id="nf" name="nf" > </div> <div class="col-xs-6"> <label for="campo1">Fornecedor</label> <div class="bs-docs-example no-code"> <select name="fornecedor" id="fornecedor" class="form-control" placeholder="Comece a digitar..."> <option></option> <?php $dados=mysql_query("SELECT * from cad_fornecedor"); while($row = mysql_fetch_assoc($dados)) { echo "<option value='".$row["id"]."'>".$row["nome"]."</option>"; } ?> </select></div> </div> </div> <div class="row"> <div class="col-xs-12"> <table border="0" cellpadding="0" cellspacing="0"> <thead> <tr> <th>Produto</th> <th>Quantidade</th> <th>Unidade</th> <th>Valor Uni.(R$)</th> <th>Valor total(R$)</th> <th class="actions">Ações</th> </tr> </thead> <tbody id="tabela"> <tr id="linha" class="row_0"> <td ><select style="width: 300px" name="produto" id="produto" onChange="retorna('1','1');" class="form-control" placeholder="Comece a digitar"> <option></option> <?php $dados=mysql_query("SELECT * FROM cad_produtos"); while($row = mysql_fetch_assoc($dados)) { echo "<option value='".$row["id"]."'>".$row["nome"]."</option>"; } ?> </select> </td> <td><input type="number" class="form-control" style="width: 100px" oninput="calculate('linha')" min="1" id="qtd" name="qtd" ></td> <td><input class="form-control" style="width: 100px" value="" name="unidade" id="unidade" readonly></td> <td><input type="text" class="form-control" style="width: 150px" oninput="calculate('linha')" min="0" step="0.01" id="vuni" name="vuni" ></td> <td><input type="text" class="form-control" style="width: 150px" readonly min="0" step="0.01" id="vtot" name="vtot" ></td> <td><a id="add" onClick="addRow('tabela')" class="btn btn-success btn-xs" href="#">Mais Campos</a><a id="remover" class="btn btn-danger btn-xs" href="#">Remover</a></td> </tr> </tbody> </table> <table style="width: 900px"><tbody> <tr> <th style="width: 300px">Total</th> <th style="width: 100px"></th> <th style="width: 100px"></th> <th style="width: 150px"></th> <th style="width: 150px"></th> <th style="width: 100px"></th> </tr> </tbody></table> </div> </div> </div> <hr /> <div id="actions" class="row"> <div class="col-md-12"> <button id="salvar_des" name="salvar_des" type="submit" class="btn btn-primary">Salvar</button> <a href="des_geral.php" class="btn btn-default">Cancelar</a> </div> </div> </form> </div> function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; if (rowCount < 5) { // limit the user from creating fields more than your limits var row = table.insertRow(rowCount); var colCount = table.rows[0].cells.length; row.id = 'row_'+rowCount; for (var i = 0; i < colCount; i++) { var newcell = row.insertCell(i); newcell.outerHTML = table.rows[0].cells[i].outerHTML; } $.getJSON('des_processa.php?search=',{op: 10, ajax: 'true'}, function(j){ var options = '<option></option>'; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].id_produto + '">' + j[i].produto + '</option>'; } $('#produto').last().html(options); }); var listitems= row.getElementsByTagName("input") for (i=0; i<listitems.length; i++) { listitems[i].setAttribute("oninput", "calculate('"+row.id+"')"); } } else { alert("Maximum Passenger per ticket is 4."); } } function deleteRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; for (var i = 0; i < rowCount; i++) { var row = table.rows[i]; var chkbox = row.cells[0].childNodes[0]; if (null !== chkbox && true === chkbox.checked) { if (rowCount <= 1) { // limit the user from removing all the fields alert("Cannot Remove all the Passenger."); break; } table.deleteRow(i); rowCount--; i--; } } } function calculate(elementID,num) { var mainRow = document.getElementById(elementID); var myBox1 = mainRow.querySelectorAll('[name=qtd[0]]')[0].value; var myBox2 = num; var total = mainRow.querySelectorAll('[name=vtot[0]]')[0]; var myResult1 = myBox1 * myBox2; total.value = myResult1; $("#vuni")[0].maskMoney({thousands:'.', decimal:',', affixesStay: false}); $("#vtot")[0].maskMoney({thousands:'.', decimal:',', affixesStay: false}); } Agradeço se alguem puder me ajudar, Obrigado!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.