PHP|Débutant :: Forums

Advertisement

Besoin d'aide ? N'hésitez pas, mais respectez les règles

Vous n'êtes pas identifié(e).

#1 03-09-2014 13:23:11

canichon
Membre
Inscription : 02-09-2014
Messages : 6

select interdependants

bonjour à tous,

comme le dit le titre, je voudrais rendre 2 "select" interdépendants.

le code de base est le suivant :


<!--Imputation-->
  <hr style="width: 100%;"> <label for="imputation">Imputation :</label>
  <select required="required" style="width:250px;">
  <option>Sélectionner le Type d'imputation</option>
    <?php          
      $bdd = new PDO('mysql:host=localhost;dbname=test', 'root', '');          
      $requete = $bdd->query('select * from test.imputation');
      while ($donnees = $requete->fetch())
      {
      echo '<option>'.$donnees['imputation'].'</option>';
      }
    ?> 
  </select>
   
<!--Contrat-->
  <hr style="width: 100%;"> <label for="contratClient">Contrat / Contract</label>:
  <select style="width:175px;" disabled>
  <option>Sélectionner le Contrat</option>
    <?php          
      $bdd = new PDO('mysql:host=localhost;dbname=test', 'root', '');          
      $requete = $bdd->query('select * from test.commande');
      while ($donnees = $requete->fetch())
      {
        echo '<option>'.$donnees['num_contrat']." - ".$donnees['nom_client']." ".$donnees['type_equipement'].'</option>';
      }
    ?> 
  </select>
 

comme vous le voyez, le second "select" est "disabled" et je veux le rendre "enabled" suivant le choix du 1er "select".

j'imagine qu'un "simple "if" doit pouvoir regler le soucis mais je ne sais pas où le mettre et il me manque aussi la syntaxe.

Merci d'avance pour votre aide.

Hors ligne

#2 03-09-2014 17:39:15

Jc
Membre
Lieu : Zillisheim - Alsace
Inscription : 15-04-2010
Messages : 1 629
Site Web

Re : select interdependants

Bonjour,

Pour réaliser cela, seul le javascript vous le permettra. Il vous faut d'abord ajouter un identifiant sur chacun de vos select, puis un évènement sur votre premier select comme suit:


<select id="Select1" required="required" style="width:250px;" onchange="do_update_select2()">
 

et dans le code javascript de votre page, faire une fonction :


function do_update_select2(){
    // mettre ici le code d'activation de votre 2e select
   // par exemple en jquery
   $('#Select2').prop('disabled',false);
}
 

++

Dernière modification par Jc (03-09-2014 17:40:52)


POO PHP+Ajax en MVC avec PDO et Bases de données épaisses  : What else?

Hors ligne

#3 05-09-2014 13:56:47

canichon
Membre
Inscription : 02-09-2014
Messages : 6

Re : select interdependants

en javascript... OK... pourquoi pas...

j'ai mis un identifiant à chaque "select".

et la fonction "do_update_select2", je la mets où ??

de plus, a ce que je comprend, on rend "disabled" le "select2" si on change "select1" mais ce que je veux c'est rendre "select2" "disabled" suivant une certaine selection du "select1" et pas juste sur le "onchange"...

Hors ligne

#4 05-09-2014 23:13:52

Jc
Membre
Lieu : Zillisheim - Alsace
Inscription : 15-04-2010
Messages : 1 629
Site Web

Re : select interdependants

Bonsoir,

en javascript... OK... pourquoi pas...

Vous n'avez pas le choix smile

de plus, a ce que je comprend, on rend "disabled" le "select2" si on change "select1" mais ce que je veux c'est rendre "select2" "disabled" suivant une certaine selection du "select1" et pas juste sur le "onchange"...

Je ne suis pas devin, et :
1) je ne connais pas vos critères
2) Cela serait bien que vous fassiez des efforts et essayez pour le moins de nous soumettre un code que l'on puisse vous aider.
3) Pour vous mettre sur la piste, il faut faire un if selon l'index de l'option sélectionnée sans Select1 pour activer / désactiver Select2.

++


POO PHP+Ajax en MVC avec PDO et Bases de données épaisses  : What else?

Hors ligne

Pied de page des forums