Code Liste Deroulant en PHP

mediatech2000 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   -  
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour Mes Amis,

pourriez m'aider avec le code de ma liste deroulant liste deroulant avec HTML et de l'AJAX couplé avec du jQuery et PHP

je ne sais pas comment procede

voici mon code 
<!DOCTYPE html>
<html lang="en">
<head>
    <link href="images/favicon.ico" rel="shortcut icon" />
<title>Souscription</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
    <link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
 <!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="[http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode]">
           <img src="[http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg]" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
     <script type="text/javascript" src="js/html5.js"></script>
     <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
 <![endif]-->
</head>
<body>
  <div class="main">
  <!--==============================header=================================-->
    <header>
        <h1><a href="index.html"><img src="images/logo.png" width="240" height="130" border="0" alt="logo"></a></h1>
        <div class="form-search">
            <form id="form-search" method="post">
              <input name="searchword" id="mod-search-searchword" maxlength="20"  class="inputbox" type="text" size="20" value="Recherche..."  onblur="if (this.value=='') this.value='Recherche...';" onfocus="if (this.value=='Recherche...') this.value='';" /> <input type="hidden" name="task" value="search" />
 <input type="hidden" name="option" value="com_search" />
 <input type="hidden" name="Itemid" value="0" />
              <a href="#" onClick="document.getElementById('form-search').submit()" class="search_button"></a>
            </form>
        </div>
        <div class="clear"></div>    
        <nav class="box-shadow">
            <div>
                <ul class="menu">
                    <li class="home-page"><a href="index.html"><span></span></a></li>
                    <li><a href="presentation.html">Présentation</a></li>
                    <li><a href="nos_projets.html">Nos Projets</a></li>
                     <li><a href="offres.html">Offres</a></li>
                    <li><a href="services.html">Services</a></li>
                    <li class="current"><a href="souscription.html">Souscription</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
                <div class="social-icons">
                    <span>Suivez-nous :</span>
                    <a href="[https://twitter.com/share]" class="twitter-share-button" data-via="afriqueabita">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
                    <a href="[https://www.facebook.com/afriqueabita1]" class="icon-2"></a>
                </div>
                <div class="clear"></div>
            </div>
        </nav>
    </header>   
  <!--==============================content================================-->
    <section id="content">
        <div class="container_12"> 
          <div class="grid_12">
            <div class="wrap pad-3"><div class="block-5">
                    <h3><font color="#44a7bb">Information</font></h3>
                    <dl>
                      <p align="justify">Le   dossier de souscription est aussi disponible dans nos locaux situés au   quartier Patte d'Oie. La souscription donne droit à l'attribution d’un   numéro client qui  vous indique votre ordre de priorité pour l’obtention   d'une villa.</p>
                      <dd> </dd>
              </dl>
                    <p> </p>
                    <div>
                      <div>
                        <h3><font color="#44a7bb">Nos autres domaines d'intervention</font></h3>
                        <div>
                          <div>
                            <div>
                              <ul class="list-1">
                     <li><p align="justify">Génie Civil</li>
                                <li>Bâtiments et Travaux Publics</li>
                                <li>Hydraulique</li>
                              </ul>
                              <p> </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <img src="images/page2-img6.png" alt="" class="img-border"> 
                </div>
              <div class="block-61">
                <h3><font color="#44a7bb">Formulaire de souscription</font></h3> 
                    <form id="form" method="post" target="" action="procesrs.php">
                      <fieldset> 
                        <label for="nom_prenom"><strong>Nom et Prénom*</strong><input id="nom" name="nom" type="text"><span id="msg_nom"></span></label>
                        <label for="addresse"><strong>Addresse*(BP 0000, Mobile. +000 00 00 00 00)</strong>
                          <input id="addresse" name="addresse" type="text"><span id="msg_addresse"></span></label>
                        <label for="email"><strong> E-mail* (votre_email@example.com) </strong>
                          <input id="email" name="email" type="email"><span id="msg_email"></span></label>
<label for="banque_souscripteur"><strong>Banque du souscripteur* </strong>
  <input id="banque_souscripteur" name="banque_souscripteur" type="banque_souscripteur"><span id="msg_banque_souscripteur"></span></label>
<label for="type_villa_souhaite"><strong>Type de villa souhaité* </strong>
  <select class="input-80" id="Type_villa_souhaite" name="Type_villa_souhaite">
        <option selected="selected" id="Type_villa_souhaite">--Sélectionnez--</option> 
     <option value="">Logement de type F2 ASCENSION</option>
     <option value="">Logement de type F3 AVENIR</option>
     <option value="">Logement de type F3 FORTUNE</option>
     <option value="">Logement de type F4 BONHEUR</option>
     <option value="">Logement de type F4 PROSPERITE</option>
     <option value="">Logement  PRIVILEGE DUPLEX</option>
     <option value="">Logement PRESTIQUE DUPLEX</option>
     <option value="">Logement ELITE</option></select></label>
     <label for="detail"><strong>Détail*</strong><textarea id="detail" name="detail" ></textarea><span id="msg_detail"></span></label></label></br>
                       <p>
            <div class="btns"><a class="button" onClick="document.getElementById('form').submit()">Envoyer</a></div> 
                      
        </p>
                      </fieldset>  
                    </form> 
                </div>
            </div>
          </div>
          <div class="clear"></div>
        </div>
    </section> 
  </div>
   <div class="aside"></section>
            <div class="container_12"> 
                <div class="grid_12">
                    <div class="pad-2 wrap">
                        <h3 class="p5"><font color="#44a7bb">Nos Partenaires</font></h3>
                        <div class="wrap box-2">
                         <a href="#"><img src="images/banner-1.png" alt=""></a><a href="www.banqueatlantique.net"><img src="images/banner-2.png" alt=""></a><a href="#"><img src="images/banner-3.png" alt=""></a><a href="#"><img src="images/banner-4.png" alt=""></a><a href="#" class="last"><img src="images/banner-5.png" alt=""></a>
                        </div> 
                    </div>
                </div>
                <div class="clear"> </div></div>  
    
  </div>           
<!--==============================footer=================================-->
    <footer>
        <p>© 2016 Afrique Abita</p>
        <p>Copyright : Mediatech2000</p>
    </footer>     
</body>

</html>


EDIT : Ajout du LANGAGE dans les balises de code (la coloration syntaxique).
Explications disponibles ici : ICI

Merci d'y penser dans tes prochains messages.
A voir également:

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

T'aider ... OUI ... le faire à ta place ... NON !

Pour commencer... quel code javascript as tu écris ? Quel code php as tu réalisé ? quelle est la liste concernée ? sur quoi bloques tu exactement ?
0
mediatech2000 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
Le code de Javacript que j'ai utilise est 
<script src="http://code.jquery.com/jquerry.js"></script>
    <script>
        $(function(){
            $("#contact").submit(function(event){
var banque_souscripteur    = $("#banque_souscripteur").val();


tous mes listes s'aviche sauf la liste deroulant

voici Php
// CONDITIONS TYPE DE VILLA
if(isset($_GET['go']) || isset($_GET['id_Type_villa_souhaite'])) {
 
    $json = array();
     
    if(isset($_GET['go'])) {
      
        $requete = "SELECT id, Type_villa_souhaite FROM regions ORDER BY Type_villa_souhaite";
    } else if(isset($_GET['id_Type_villa_souhaite'])) {
        $id = htmlentities(intval($_GET['id_Type_villa_souhaite']));
      
        $requete = "SELECT id, Type_villa_souhaite FROM sélectionnez WHERE id_Type_villa_souhaite = ". $id ." ORDER BY nom";
    }
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
1- ... dans ton code JS .. je vois du SUBMIT ....
Donc.. tu ne fais pas d'ajax ... (ou alors tu n'as pas mis le bout de code correspondant...)

2 - Dans ton code PHP ... tu écris des requêtes .... mais.... à aucun moment tu ne les exécutes.....
là encore je ne peux que supposer que tu ne nous as pas tout montré.

3 - Il serait bien d'indiquer le "langage" DANS les balises de code... histoire que ton code apparaisse correctement sur le forum. Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

.
0

Discussions similaires

Toutes les combinaisons à 4 chiffres de 0000 a 9999
Sarah -
baladur13 -

11 réponses