Formulaire php via un select et search

Eléphant du PHP | 372 Messages

30 déc. 2016, 21:41

bonjour,
Voilà je met en place un formulaire qui pourrait permettre de :
1/ Juste un choix avec le select etre redirigé du coup sur la page par exemple : livres.
2/ Juste un choix avec le input search être redirigé en fonction du mot renseigné exemple: eyrolles
3/ Les 2 combinés, le select et le input search, redirigé du coup sur livres-eyrolles.

J'ai juste mis en place mon html et un peu de php comment procéder maitenant svp:
<?php if(!empty($_POST['ville'])) { header('Location: http://127.0.0.1/sortie/'.simplification&#40;$_POST['ville']).'.html'); } ?>
    	<form method="POST">
    	 <div id="search_bar_container">
                	<div class="container">
                            <div class="search_bar">
                            <span class="nav-facade-active" id="nav-search-in">
                            <span id="nav-search-in-content">Catégories</span>
                            <span class="nav-down-arrow nav-sprite"></span>
                            
                            <select title="Search in" class="searchSelect" id="searchDropdownBox" name="tours_category">
                                <option value="Toutes"  title="idée de sortie">Toutes</option>
                                <option value="Concert" title="Concert">Concert</option>
                                <option value="Brocante" title="Brocante">Brocante</option>
                                <option value="Marché" title="Marché">Marché</option>
                                <option value="Exposition" title="Exposition">Exposition</option>
                            </select>
                            </span>
                            <div class="nav-searchfield-outer">
                                <input type="search" name="ville" id="ville" placeholder="Artiste, salle de spectacle ...."  value="">
                            </div>
                            <button name="submit_city" id="submit_city" type="submit" class="btn btn-default search-btn">GO !</button>
                 </div>
             </div>
        </div>
        </form>

Petit nouveau ! | 5 Messages

03 janv. 2017, 20:14

Bonjour,
Si vous voulez accéder directement à vos choix, une couche de javascript (notamment ajax) semble nécessaire.

Choix avec le select "searchDropdownBox" :
Vérification par Javascript pour savoir si le champ "ville" est rempli.
Si non rempli, envoi vers Livres.
Si rempli, envoi vers Livres Eyrolles

Même contrôle dans l'autre sens.

Code : Tout sélectionner

function verifierChoix() { if ( document.getElementById('searchDropdownBox').value != '-' && document.getElementById('ville').value != '') { /** Envoyer vers Livres Eyrolles */ } else { if ( document.getElementById('searchDropdownBox').value != '-' && document.getElementById('ville').value == '' ) { /** Envoyer vers Livres */ } if ( document.getElementById('searchDropdownBox').value == '-' && document.getElementById('ville').value != '' ) { /** Envoyer vers Eyrolles */ } } }
C'est un code rapide améliorable et Jquerisable.