Probème vec getElementsByName

Version imprimable

Bonjour, je suis débutant, voicis mon PB

j'ai une page html dans laquel j'affiche une liste de logiciels avec pour chaque logiciel une liste déroulante et 3 bouton radio.
Pour chaque logiciel l'utilisateur doit cocher un bouton radio, et si il coche le premier il doit séléctionner un élément dans la liste.
Le problème c'est que le nombre de logiciel est variable. Pour faire ma vérification j'utilise donc GetElementsByName et une boucle.

mes listes déroulantes s'appellent
corres1 corres 2 etc....
et mes boutons radio type1 type2 etcc
exemple:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 <tr>
                                         <td class="maLigne"><input type="hidden" name= "nom0" value="Correctif Windows XP - KB871250">Correctif Windows XP - KB871250</td>
                                         <td class="maLigne"><SELECT name="corres0" size="1">
                                       <option  value="0" selected="selected">Faites un choix</option>
                                                                              </SELECT></td>
                                       <td class="maLigne"><input type="radio" name="type0" value="kea"></td>
                                       <td class="maLigne"><input type="radio" name="type0" value="non_kea"></td>
                                       <td class="maLigne"><input type="radio" name="type0" value="ignored"></td>
                                    </tr>
 
                                     <tr>
                                         <td class="maLigne"><input type="hidden" name= "nom1" value="Correctif Windows XP - KB873333">Correctif Windows XP - KB873333</td>
                                         <td class="maLigne"><SELECT name="corres1" size="1">
                                       <option  value="0" selected="selected">Faites un choix</option>
                                                                              </SELECT></td>
                                       <td class="maLigne"><input type="radio" name="type1" value="kea"></td>
                                       <td class="maLigne"><input type="radio" name="type1" value="non_kea"></td>
                                       <td class="maLigne"><input type="radio" name="type1" value="ignored"></td>
                                    </tr>

Voicis mon code javascript
( vali correspond au nombre maximal de logiciel affiché)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
for(i=0; i<= document.ajout.vali.value; i++)
        {
 
 
 
            if (document.getElementsByName("type"+i)[0].checked == true  && document.getElementsByName("corres"+i).SelectedIndex == 0)
            {
 
                alert("Veuillez choisir une correspondance avec ce logiciel");
                return;
            }
        }

mais je me retrouve avec l'erreur suivante:

Erreur : document.getElementsByName("type" + i)[0] has no properties

si qqn peut m'aider...MERCI

20/04/2006, 15h37
SpaceFrog

ton script est lancé à quel moment ?
20/04/2006, 22h00
richton95
lorsque je clique sur un bouton que j'ai mis en bas de la page
Code:

1 2 <input type="button" value="valider" onClick="javascript:mafonction();">

ce petit test fonctionne ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<table border="1" width="100%">
    <tr>
        <td width="33%">&nbsp;</td>
        <td width="33%">&nbsp;</td>
        <td width="34%">&nbsp;</td>
    </tr>
    <tr>
        <td width="33%">&nbsp;</td>
        <td width="33%">&nbsp;</td>
        <td width="34%">&nbsp;</td>
    </tr>
    <tr>
        <td width="33%">&nbsp;</td>
        <td width="33%"><input type="radio" name="nom1" /></td>
        <td width="34%">&nbsp;</td>
    </tr>
    <tr>
        <td width="33%">&nbsp;</td>
        <td width="33%">&nbsp;</td>
        <td width="34%">&nbsp;</td>
    </tr>
 
 
</table>
<script type='text/javascript'>
alert(document.getElementsByName('nom1').length)
</script>

21/04/2006, 14h41
richton95

oui j'ai '1' qui s'affiche. c'était un test pour voir si ca fonctionne ou une idée pour résoudre mon pb ? si tu pouvais m'éclairer
Merci
21/04/2006, 14h44
SpaceFrog

ben je sais pas moi c'est ta boucle qui n'est pas bonne ...

Code:

for(i=0; i<= document.ajout.vali.value; i++)

et surtour cette partie là

Code:

i<= document.ajout.vali.value;

à mon avis tu sors des indices des éléments existants ...

fais un alert sur le i tu verras bein sur lequel il plante ...
21/04/2006, 15h07
siddh

c est un s minuscule a selectedIndex

apres vérif c'est au niveau du selectedIndex que y'a un PB, car si la case est coché il m'affiche bien le message ok (cf code en dessous) mais pas le "veuillez choisir...."

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function checkinven()
 { 
 
  for(i=0; i<=document.ajout.vali.value; i++)
  {
 
   if (document.getElementsByName("type"+i+"")[0].checked == true)
   {
    alert("ok");
    if (document.getElementsByName("corres"+i+"").selectedIndex == 0)
    {
    alert("Veuillez choisir une correspondance avec ce logiciel");
    return;
    }
   }
  }
 
  alert("envoi");
 }

21/04/2006, 20h08
javatwister

bah, tu oublies de demander l'indice de l'élément recherché...

Code:

document.getElementsByName("corres"+i+"")[0]...;
22/04/2006, 21h45
richton95

Je ne comprend pas quel indice, peux u me donner un ex stp
Merci 8-)