Discussion :

[jerome19]

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 html :

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
<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

[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

[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 :-)

[NoSmoking]

La structure « standard » d'une <table> s'écrit comme suit

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Bastien832]

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

courage

[NoSmoking]

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

j'ai comme un énorme doute