Prezados colegas,
Estou desenvolvendo um sistema de estoque e esbarrei em um problema que não consigo passar. O script é para adicionar itens dinamicamente. Ele funciona perfeitamente para adicionar um-a-um, porém foi me perguntado como q faria cadastrar mil itens, ae eu pensei em colocar um multiplicador para quando clicar nele cadastrar logo de dez-em-dez. Só que tive um problema. Quando carrega a primeira vez, ele multiplica pelo multiplicador selecionado, porém quando eu troco o multiplicador ele não altera o valor da variável, assim sendo ele continuar a multiplicar pelo primeiro multiplicador carregador.
Também postei o exemplo na url: http://www.novainfo.com.br/estoque_inc_teste.php
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(function(){
var contador = 0;
x = document.getElementById('x').value;
$("#add").click(function(){
var numero = 1;
while (numero<=x){
var total = document.getElementById('unitario').value;
document.getElementById('conta').value = ++contador; <!-- ALTERAL O VALOR DINAMICAMENTE DO ELEMENTO DE ID CONTA, CAMPO VALUE -->
document.getElementById('total').value = total* document.getElementById('conta').value;
var input = '<div class="itens">';
input += '<label> Produto: <input disabled="disabled" type="text" size="40" value="<?=$cp_nome[nome];?>" name="produto[]" /></label>';
input += '<label> Controle: <input type="text" name="controle[]" /></label>';
input += '<a href="#" class="del"><img src="img/remover.gif" /></a>';
input += '<labe> Nr Item: '+contador+'</label> </div>';
numero++;
$("#campos").append(input);
}
return false;
});
$('.del').live('click',function(){
$(this).parent().remove();
document.getElementById('conta').value = --contador;
document.getElementById('total').value = document.getElementById('total').value - total;
});
}
);
</script>
<form action="" method="post">
<table width="98%" border="1">
<tr>
<th width="48">Código<img src="img/icons/arrow_down_mini.gif" width="16" height="16" align="absmiddle" /></th>
<th width="311">Nome</th>
<th width="106">Categoria</th>
<th width="71">V Unit</th>
<th width="53">Mínimo</th>
<th width="51">qtd</th>
<th width="51">Total</th>
<th width="56">Unidade</th>
<th width="65" >Acao</th>
</tr>
<tbody>
<tr>
<td class="a-center"><?=$id_entidade?></td>
<td><?=$campo_ent[nome];?>CAIXA DE CABO</td>
<td><a href="#"><?=$campo_ent[categoria];?></a>
</td>
<td align="center"> <input type="text" id="unitario" name="valor" style="border-color:#FF8000" size="3"></td>
<td><?=$campo_ent[estq_min]?></td>
<td><input id="conta" size="3" onFocus="this.blur();" value="0" ></td>
<td><input id="total" size="3" onFocus="this.blur();" value="0" ></td>
<td><?=$campo_ent[unidade]?></td>
<td align="center">MULTIPLICADOR <select name="x" id="x" onchange="this.value();">
<option value="1">1</option>
<option value="10">10</option>
<option value="100">100</option>
</select> <a href="#" id="add">add</a>
</td>
</tr>
</tbody>
</table>
<div id="box_estoque">
<input type="hidden" value="<?=$id_entidade?>" name="id_entidade" />
<br />
<div id="campos"></div>
<br />
<input id="button1" type="submit" name="UP" value="Cadastrar" />
</form>
</div>