[JS] dodawanie i usuwanie inputów Opcje

[3miel]

Witam,

chodzi mi o to, że do administrwania nowosciami przy urzyciu php chce dodwać obrazki/pliki. I teraz chce wybierać ile jest tych obiektów i bez przeładowania strony wyświetlić na stronie.

Zrobiłem tak:

Kod

<input type="text" name="ile" id="ile" />
<input type="button" value=" + " class="submit" onclick="plus()">
<input type="button" value=" - " class="submit" onclick="minus()">

<div id="inp_file"></div>

<script>

function plus(){
if(document.getElementById('ile').value<9){

document.getElementById('ile').value++;
document.getElementById('inp_file').innerHTML = '';

for(var i=0; i< document.getElementById('ile').value; i++){
document.getElementById('inp_file').innerHTML += '<input type="file" name="ikona ' + i + '" size="40" class="file" /><br />';
}
}

}

function minus(){

if(document.getElementById('ile').value>1){

document.getElementById('ile').value--;
document.getElementById('inp_file').innerHTML = '';

for(var i=0; i< document.getElementById('ile').value; i++){
document.getElementById('inp_file').innerHTML += '<input type="file" name="ikona' + i + '" size="40" class="file" /><br />';
}
}
}

Tylko strasznie to jest zasmiecone, bo nie znam się za dobrze na JS.
Jak ktoś może to prosze o poprawki

I jeszcze jedna wazna sprawa... jezeli jedne pole wypełnie i klikne zeby dodać nowe, to w pierwszym polu tresc znika. Można to jakoś naprawić?