Sujet Précédent Sujet Suivant

SOS à L'aide : Formulaire tableau avec lignes conditionnelles

traderpierre Messages postés 291 Date d'inscription mercredi 11 octobre 2006 Statut Membre Dernière intervention 6 janvier 2024 - Modifié par jordane45 le 16/08/2015 à 02:01
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 - 16 août 2015 à 02:03

Bonjour,

Je souhaites faire apparaître ou masquer des lignes d'un tableau de formulaire en fonction du choix d'une option de paiement dans

champs de type menu dans lequel j'ai incorporé le comportement onClik qui renvoit sur la fonction développée dans le javascript du

head.
+1 autre javascript fin de formulaire qui devrait faire diparaître les lignes en question.
Mais ça ne fonctionne pas !!! :-(

Voici les code javascript et body HTML succinct concerné :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="Content-Type"
 content="text/html; charset=utf-8">
  <title>Formulaire avec lignes conditionnelles</title>
  <script type="text/javascript">
function btn_show_mode_paiement(choix_select){
if (choix_select=='Carte Bancaire ou PayPal') {
$("#paicbpp").show();
}
else {
$("#paicbpp").hide();
}
if (choix_select=='Virement') {
$("#paivir").show();
}
else {
$("#paivir").hide();
}
if (choix_select=='Chèque') {
$("#paieck").show();
}
else {
$("#paieck").hide();
}}
  </script>
</head>
<body>
<form>
  <table border="1" cellpadding="3" cellspacing="0"
 width="500">
    <tbody>
      <tr>
        <td class="Normal-10NoirGrasDroite" align="right"
 width="208">Mode paiment</td>
        <td class="Normal-10RougeGrasCentre" width="10"> </td>
        <td class="Normal-9NoirGauche" width="280"><span
 id="spryselect3">
        <select name="mode_paiement" id="mode_paiement"
 onclick="btn_show_mode_paiement()"
 class="Normal-10NoirGrasGauche">
        <option selected="selected">Sélectionnez
votre mode de paiement</option>
        <option value="Carte Bancaire ou PayPal">Carte
Bancaire ou PayPal</option>
        <option value="Virement">Virement Bancaire</option>
        <option value="Chèque">Chèque</option>
        </select>
        </span></td>
      </tr>
      <tr id="paicbpp">
        <td class="Normal-10NoirGrasCentre" colspan="3"
 align="center" valign="middle">ici futur formulaire
de paiement PayPal et carte de crédit</td>
      </tr>
      <tr id="paivir">
        <td class="Normal-10NoirGrasCentre" colspan="3"
 align="center" valign="middle">Ici renseignement RIB</td>
      </tr>
      <tr id="paieck">
        <td class="Normal-10NoirGrasCentre" colspan="3"
 align="center" valign="middle">Ici établir
le chèque à l'ordre de XXXX<br>
et l'envoyer à cette adresse XXXX</td>
      </tr>
    </tbody>
  </table>
</form>
<script type="text/javascript">
$("#paicbpp").hide();
$("#paivir").hide();
$("#paieck").hide();
//$("#").hide();
$("#liens").hide();
</script>
</body>
</html>

____________________________________

Merci par avance pour votre aide.

EDIT : Ajout des balises de code. (la coloration syntaxique )
Explication disponible ici : http://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

Merci d'y penser à l'avenir.

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 344
16 août 2015 à 02:03

Bonjour,

Je t'ai donné la réponse ici : http://www.commentcamarche.net/forum/affich-32400083-formulaire-web-avec-champs-conditionnels#p32400684

=> On utilise ONCHANGE et non ONCLICK sur un SELECT

De plus... je vois que tu utilises la syntaxe de JQUERY.... hors... je ne vois nul part dans ton code.. son import....

Votre réponse