Javascript et les formulaires

Marsh Posté le 12-06-2005 à 14:52:28

Salut !

Voilà, j'essaie de modifier la valeur d'un champ texte en fonction de ce qui est selectionné dans une liste déroulante.

Voici ce que j'ai fais:

Code :

<script language="JavaScript">
function updateOpt(xOpt,champ)
{
document.form.suppOpt[xOpt].value = champ;
}
</script>
<form name='form' id='form'>
<select name="option[1]" size="1" onChange="javascript:updateOpt(1,this.value)">
<option value='0'>Rouge</option>
<option value='75'>Vert</option>
<option value='99'>Bleu</option>
</select>
<input type="text" name="suppOpt[1]" value="000" style="text-align:right;" size="10" >
<select name="option[2]" size="1" onChange="javascript:updateOpt(2,this.value)">
<option value='200'>Petit</option>
<option value='300'>Grand</option>
</select>
<input type="text" name="suppOpt[2]" value="000" style="text-align:right;" size="10" >
</form>

Mais lorsque je fais ceci, j'ai une erreur javascript qui me dit que "document.form.suppOpt" n'a pas de propriétés..

ça fait pas mal de temps que je cherche sans trouver..

Vous avez une idée ??

Merci!

Message édité par huggy le 12-06-2005 à 14:54:34

Reply

Marsh Posté le 12-06-2005 à 14:52:28

Reply

Marsh Posté le 12-06-2005 à 15:02:05

Déjà utilise du JS et de l'HTML comme on le fait en 2005, avec des id et des document.getElementById

Reply

Marsh Posté le 12-06-2005 à 15:06:44

et c'est la cause de mes soucis ?

Reply

Marsh Posté le 12-06-2005 à 15:10:45

Oui, surtout quand on voit la gueule des names

Reply

Marsh Posté le 12-06-2005 à 15:11:20

tu trouves pas que ce serait plus simple si tu expliquais ?

Reply

Marsh Posté le 12-06-2005 à 15:15:21

Ben comme j'ai dit, il faut mettre des id sur les input type="text", et les récupérer via document.getElementById [:spamafote]
Parce que ça :

document.form.suppOpt[xOpt]

Ca ne peut pas fonctionner.
Il faut faire :

input type="text" id="suppOpt1" name="suppOpt[1]" value="000" style="text-align:right;" size="10" >

Puis :

document.getElementById("suppOpt" + x).value = champ;

Reply

Marsh Posté le 12-06-2005 à 15:18:06

génial !

Merci bcp

Reply

Javascript et les formulaires

Sujets relatifs:

Leave a Replay