Wyczyszczenie tylko jednego pola typu FILE z formularza Opcje

[kodif]

Witam

Mam problem z formularzem, są w nim pola tekstowe, jest textarea i są trzy pola wyboru plików do wysłania na serwer.
Pliki są opcjonalne, można je wysyłać bądź nie.

Czasami uzytkownik pomyli się i wybierając plik kliknie nie to co trzeba, lub wybierze plik a potem jednak chce zrezygnować z dołączenia danego pliku do wysyłanego formularza.

Jak można usunąc tylko jeden wybrany plik w formularzu, nie kasując całości?

Wstawiłem dodatkowy button z funkcją czyszczenia konkretnego pola (w poniższym przykładzie pola tekstowego "opis1"), ale nie działa na type="file"

kod (uproszczony) wygląda tak

[HTML] pobierz, plaintext 
<script>
function cfile(){
  document.getElementById('myform').opis1.value='';
  return true;
  }
</script>
 
<form name="myform" id="myform" enctype="multipart/form-data" method="post" [.....] />
<input name="title" type="text" value=""/>
<input name="opis1" type="text" value=""/>
<textarea name="bdy" />
 
<input name="plik_upload[]" type="file" class="main" value="" size="60">
 
<input type="button" name="clearfile" value="kasuj" onclick="cfile()"/><br>
....
 
[HTML] pobierz, plaintext 

co trzeba wstawić do funkcji cfile żeby niechciany wybór pliku zniknął?

Już sobie poradziłem

O ile przy

<input name="opis1" type="text" value=""/>

nie jest wymagane id pola bo i tak

document.getElementById('myform').opis1.value

znajdzie właściwy element to w przypadku tablic id okazało się być konieczne

czyli ma być

[HTML] pobierz, plaintext 
<input name="plik_upload[]" id="plik1" type="file" class="main" value="" size="60">
 
a w funkcji cfile
document.getElementById('myform').plik1.value
[HTML] pobierz, plaintext 

A jak to zrobic aby przekazać różne id do funkcji cfile?

Ten post edytował kodif 17.02.2012, 13:18:48

[Abaddor]

Rozumiem że po dodaniu pliku tworzyć albo pokazujesz kolejny input file?

Wiec czemu ich nie ponumerujesz?
Aby było:

[HTML] pobierz, plaintext 
<input name="plik_upload[0]" id="file-0" type="file" class="main" value="" size="60">
<input name="plik_upload[1]" id="file-1" type="file" class="main" value="" size="60">
<input name="plik_upload[2]" id="file-2" type="file" class="main" value="" size="60">
[HTML] pobierz, plaintext 

Wtedy możesz zarządzać każdym bez problemu:)

Przy dodaniu kolejengo pola, sprawdzasz jaki jest najwyższy ID i dodajesz kolejny, w tym wypadku 4,5,6 (IMG:style_emoticons/default/smile.gif)

[kodif]

Nie, nie tworzę kolejnego input file, są w formularzu od razu. Moim problemem jest wyczyszczenie dowolnego input file bez wyczyszczenia całości formularza. Już wiem że ponumerowane id jest mi potrzebne, natomiast (raczkuje w JS) nie wiem jak skonstruować funkcję i jej parametry aby otrzymać takie coś

[HTML] pobierz, plaintext 
<script>
function cfile((IMG:style_emoticons/default/questionmark.gif) ){
document.getElementById('myform').(IMG:style_emoticons/default/questionmark.gif) .value='';
return true;
}
</script>
 
    <input name="plik_upload[0]" id="file-0" type="file" class="main" value="" size="60">
    <input type="button" name="clearfile" value="kasuj" onclick="cfile(file-0)"/> 
 
    <input name="plik_upload[1]" id="file-1" type="file" class="main" value="" size="60">
    <input type="button" name="clearfile" value="kasuj" onclick="cfile(file-1)"/>
 
    <input name="plik_upload[2]" id="file-2" type="file" class="main" value="" size="60">
    <input type="button" name="clearfile" value="kasuj" onclick="cfile(file-2)"/>
[HTML] pobierz, plaintext 

Ten post edytował kodif 17.02.2012, 14:05:15

[Abaddor]

[HTML] pobierz, plaintext 
 
document.getElementById('file-2').value = '';
 
[HTML] pobierz, plaintext 

[kodif]

Dziękuje, wystarczyło pominąc 'myform' (IMG:style_emoticons/default/smile.gif)

Walki ciąg dalszy. Taki oto kod działa i wykonuje się w FF, natomiast w IE oraz Operze nie.
Jakies podpowiedzi dlaczego?

FF 10, IE8, Opera11

[HTML] pobierz, plaintext 
<script>
function cfile(id){
document.getElementById(id).value='';
return true;
}
</script>
 
 
<form name="myform" id="myform" enctype="multipart/form-data" method="post" action="k.php"/>
  <input name="title" type="text" value="dxsdsds"/>
  <input name="opis1" type="text" value="opis1 sdsavdwfed"/><br>
  <input name="plik_upload[]" id="plik1" type="file" class="main" value="" size="60" />
  <input type="button" name="clearfile" value="kasuj" onclick="cfile('plik1')"/><br>
  <input name="plik_upload[]" id="plik2" type="file" class="main" value="" size="60" />
  <input type="button" name="clearfile" value="kasuj" onclick="cfile('plik2')"/><br>
  <input name="plik_upload[]" id="plik3" type="file" class="main" value="" size="60" />
  <input type="button" name="clearfile" value="kasuj" onclick="cfile('plik3')"/><br>
<br>
</form>
[HTML] pobierz, plaintext