(Résolu) comment faire un Form cacher/visible selon liste de choix

Marsh Posté le 02-08-2017 à 06:45:55

Bonjour a tous,
J'ai un Form pour ajouter des données dans ma table SQL, jusque la ça marche.
j'ai essayer de rajouter des champs cacher qui s'affiche selon le choix d'une liste, que je cherche dans une table SQL, puis les valider avec le même buttons.

je m'explique : le client paye en cache ou en chèque, j'ai une liste déroulante avec cache et chèque, dès que je choisis chèque d'autre champs doivent s'afficher
pour ajouter les données du chèque.
j'ai utiliser un code qu'on ma conseiller et fais quelques changement pour l'adapter a mon besoin.

Quand je valide les données, les nouvelles case du chèque ne sont pas pris en compte, je viens vers vous pour m'aider à résoudre mon problème ?

je poste juste la partie du code que j'utilise, avec la connection SQL

Code :

<?php
$sth = $bdd->prepare("SELECT operation_id, operation_name FROM operation_table WHERE display_name = 2" );
$sth->execute();
$results = $sth->fetchAll(PDO::FETCH_ASSOC);
echo "<span>mode de payement: </span><select name='display_name' onChange='outputValue2(this); ChangeOptions(this.value);' required='required'>";
echo "<option value='' selected disabled>mode de payement:</option>";
foreach($results as $row)
{
echo "<option value='" . $row['operation_id'] . "'>" . $row['operation_name'] . "</option>";
}
echo "</select>";
echo "<input type='hidden' id='output2' name='output2' readonly/>";
?>
<div id="test"></div>
<template id='temp_25'> </template>
<template id='temp_26'>
<span>numéro du cheque: </span><input name="check_number" type="number" placeholder="numéro du chèque" required >
<span>no compte banque: </span><input name="account_number" type="number" placeholder="no compte banque" required >
<span>no de branche : </span><input name="bank_branch" type="number" placeholder="no de branche" required >
</template>
<p><button class="button-_style" type='submit' value='envoie'>Valider</button></p>

les 2 fonctions javascript que j'utilise

Code :

function outputValue2(item)
{
document.getElementById('output2').value = item.value;
}
function ChangeOptions(show)
{
document.getElementById('test').innerHTML = document.getElementById('temp_'+show).innerHTML;
}

Message édité par noam76 le 03-08-2017 à 04:56:42

Reply

Marsh Posté le 02-08-2017 à 06:45:55

Reply

Marsh Posté le 03-08-2017 à 04:55:07

J'ai résolu mon problème

Reply

(Résolu) comment faire un Form cacher/visible selon liste de choix

Sujets relatifs:

Leave a Replay