Campo multiplicador não passa parâmetros para variável

[MARCOS_282]

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&oacute;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>