Bonjour, je cherche à sélectionner toutes les options de mon select avant de faire un submit de mon formulaire.
Voici ma page :
Voici ma fonction javascript :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
28
29
30
31
32
33
34
35 <form id="form1" name="form1" method="POST" onsubmit="selectAll('teamPlayers'), selectAll('nonTeamPlayers')" action="save.php?job=saveTeamPlayers&teamID=<?php echo $teamId; ?>"> <table width="460" border="0" cellspacing="2" cellpadding="5" align="center"> <tr> <th scope="col" width="200">Players available</th> <th scope="col" width="50"></th> <th scope="col" width="200">Players of the Team</th> </tr> <tr> <td align="center"> <select id="nonTeamPlayers[]" name="nonTeamPlayers" size="15" multiple="multiple" class="teamSelect"> <?php //affichage des membres players ?> </select> </td> <td align="center"> <input name="button" type="button" onclick="transferPlayer('nonTeamPlayers[]', 'teamPlayers[]')" value=">>" /><br/><br/> <input name="button2" type="button" onclick="transferPlayer('teamPlayers[]', 'nonTeamPlayers[]')" value="<<" /></td> <td align="center"> <select id="teamPlayers[]" name="teamPlayers" size="15" multiple="multiple" class="teamSelect"> <option value="2">j2</option> </select> </td> </tr> <tr> <td align="right"> <input type="button" name="Cancel" value="Cancel" onclick="location.href='admin.php?job=listTeam'" /> </td> <td></td> <td> <input type="submit" name="Submit" value="Validate" /> </td> </tr> </table> </form>
J'obtiens comme réponse dans la console d'erreur : "selectbox.options has no properties".
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 function selectAll(selectname) { var selectbox = document.getElementsByName(selectname); for (var i = 0; i < selectbox.length; i++) { document.forms[0].selectbox.options[i].selected = "selected"; } }
J'ai essayé de plusieurs manières :
- document.selectbox.options[i].selected = "selected";
- selectbox.options[i].selected = "selected";
- document.form1.selectbox.options[i].selected = "selected";
Aucune ne fonctionne.
J'ajoute que j'ai déjà lu plusieurs topics comme celui-ci : http://www.developpez.net/forums/sho...+submit&page=2
mais rien n'y fait.
Partager