IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Transformer une zone de texte en liste déroulante


Sujet :

JavaScript

  1. #1
    Membre confirmé Avatar de Lenezir
    Inscrit en
    Février 2006
    Messages
    129
    Détails du profil
    Informations personnelles :
    Âge : 38

    Informations forums :
    Inscription : Février 2006
    Messages : 129
    Par défaut Transformer une zone de texte en liste déroulante
    Salut ^^
    Voilà j'ai un problème à résoudre et je ne sais pas du tout par quoi commencer !
    Je vous explique.
    Sur un site j'ai un moteur de recherche.
    C'est une zone de texte et juste en dessous il y a 3 boutons radios désignant la table dans laquelle on veut faire la recherche.

    Mon problème vient là. Je voudrais que lorsqu'on clique sur 2 des 3 boutons radios, la zone de texte se transforme en liste déroulante avec le contenu de la table dedans !
    Et quand on clique sur le 3è bouton radio, la liste déroulante redevient une zone de texte simple.

    Pourriez-vous me donner une piste ??
    Merci !

    Voici mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <table align="center">
    			<form method="post" name="recherche" action="<?php $PHP_SELF ?>">
    				<td align="center" class="lien" height="20">
    					<input type="text" name="search" size="15" onBlur="document.recherche.search.focus()" />
    					<input type="submit" name="image" value="OK" /><br/>
    					<input type="radio" id="service" name="table" value="service.service" onClick="document.recherche.search.focus()" /><label for="service">Services</label>
    					<input type="radio" id="fonction" name="table" value="fonction.fonction" onClick="document.recherche.search.focus()" /><label for="fonction">Fonctions</label>
    					<input type="radio" id="nom" name="table" value="personnel.nom" onClick="document.recherche.search.focus()" checked /><label for="nom">Noms</label>
    				</td>
    			</form>
    		</table>

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    il suffit de créer tes 2 select et ton input.
    En jouant sur les
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    style.display=none/block
    tu pourras les afficher /masquer en fonction du radio choisi ...

    A+

Discussions similaires

  1. Réponses: 0
    Dernier message: 27/05/2013, 00h15
  2. [AC-2007] Synchronisation zone de texte avec liste déroulante
    Par carine90 dans le forum Access
    Réponses: 1
    Dernier message: 24/04/2013, 13h05
  3. MAJ zone de texte via liste déroulante
    Par geofL dans le forum VBA Access
    Réponses: 3
    Dernier message: 11/12/2012, 11h57
  4. Zone de texte et liste déroulante
    Par pascb423 dans le forum Langage
    Réponses: 1
    Dernier message: 14/12/2008, 01h11
  5. Réponses: 11
    Dernier message: 29/05/2007, 08h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo