Mise à jour d'un prix

Version imprimable

bonjour à vous tous

J'ai fait un formulaire avec des cases a cocher et un choix déroulant (nombre d'articles choisis)
Suivant le choix de l'utilisateur, le prix est modifié et je voudrais que le prix se réactualise au fur et a mesure de la sélection (pas de recharge de la page).
Comment puis je faire SVP ?
voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div style =" border-width : 2px; height :80px; width : 600px;">
    <input type="checkbox" name="ton_nom" id="ton_nom" /> <label for="ton_nom">poussin</label><br />
    <TR>
        <TD>nombre</TD>
        <TD>
            <SELECT name="fonction">
                <OPTION VALUE="un">1</OPTION>
                <OPTION VALUE="deux">2</OPTION>
                <OPTION VALUE="trois">3</OPTION>
                <OPTION VALUE="quatre">4</OPTION>
                <OPTION VALUE="cinq">5</OPTION>
            </SELECT>
        </TD>
    </TR>
    <TR>
    <input type="text" name="prix" id="prix" /> <label for="ton_nom">prix</label><br />
</div>

merci à vous
bonne soirée

21/06/2018, 07h58
NoSmoking
Bonjour et bienvenue sur DVP.
As-tu conscience que ton code HTML est incorrect ?

Concernant ton calcul, il manque une donnée qui est le prix.

Pour le principe il te faut sur l"événement onchange du <select> lancer la fonction de calcul qui va
- lire le nombre sélectionné du <select>
- le multiplier par le prix unitaire
- afficher le résultat dans l'input/output correspondant
22/06/2018, 05h39
jerome19

merci je vais essayer !

ça fait longtemps que je n'ai plus touché à du html
mon code est incorrect ? peux tu être plus précis :-)
22/06/2018, 09h06
NoSmoking
La structure « standard » d'une <table> s'écrit comme suit
Code:

1 2 3 4 5 6 <table> <tr> <td>...</td> <td>...</td> </tr> </table>
après entre les <td> et </td> tu mets à peu près ce que tu veux.

Il me semble qu'il veut faire un menu déroulent donc les balises:
Code:

1 2 3 4 5 6 7 <li class="menu"><a href="menu.html">NomDuMenu</a> <ul class="sub_menu"> <li><a href="#">Option1</a></li> <li><a href="#">Option2</a></li> <li><a href="#">Option3</a></li> </ul> </li>
La balise <li> c'est pour créé cette liste déroulante et la balise <ul> c'est pour les élément qui sont a l’intérieur de cette liste

Citation:

courage ;) :P

22/06/2018, 10h04
NoSmoking

Citation:

Il me semble qu'il veut faire un menu déroulent donc ...

j'ai comme un énorme doute :calim2:
22/06/2018, 10h08
Bastien832

Bon bah voila si c’était pour ça c'est un plaisir de t'avoir aider sinon si je suis tomber a coter de la plaque bah dessoler. :roll: :roll: :roll: