Adicionar campo dinâmico a partir de um valor atribuído em um input

[programation 0]

Olá pessoal

 

Preciso adicionar um campo em uma <div>, porém, este campo será adicionado uma vez ou várias vezes dependendo do valor que entrar em um <input type="text"> de um formulário dinâmicamente atravez do .innerHTML (creio que é a melhor opção).

 

formulário.php

<form name="form_ci" method="post" action="enviar_cadastrar_imagem.php">                                                        
                 			<table border="1" class="sub_cadastrar_tipo">
                				<tr>
                       			<td height="70" valign="top">
                                   	Código do Imóvel: <br /><input type="text" name="c_codigo" maxlength="20"/><br /><br />

                                       Imagem do Imóvel: <input type="text" name="num" value="1" id="num" onChange="add_img(this);" maxlength="2" style="width:20px; position:relative; top:-4px;" /><br /><br />

                                       <div id="campos_img">
                                   		<input type="file" name="c_imagem[]" />
   									</div>
                          			</td>
                     			</tr>
                     			<tr>
                       			<td><a href="#" onclick="javascript: document.form_ci.submit();"><img src="imgs/btn_cadastrar.gif" width="183" height="24" /></a></td>
                     			</tr>
                   		</table>
                           </form>

 

 

js.js

function add_img(campo)
{
var valor 	= campo.value;
var i 		= 0;

for(i=0; i<valor; i++)
{
	document.getElementById("campos_img").innerHTML = "<input type='file' name='c_imagem[]' /><br />";
}

document.getElementById("campos_img").innerHTML = "<input type='file' name='c_imagem[]' /><br />";
}

 

 

Dessa forma, ao menos um campo deveria ser adicionado na <div id="campos_img"> por causa do código que está fora do for, mas mesmo assim não está funcionando!

 

Alguma sugestão pessoal?

[Henrique Barcelos 290]

function add_img(campo)
{
       var valor       = parseInt(campo.value);
       var i           = 0;

       for(i=0; i<valor; i++)
       {
               document.getElementById("campos_img").innerHTML += "<input type='file' name='c_imagem[]' /><br />";
       }


}