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 :

masquer/afficher input name suivant selection dans une liste


Sujet :

JavaScript

  1. #1
    Membre actif

    Homme Profil pro
    Webmaster, Réalisateur Vidéo, Chef de projet Web documentaire
    Inscrit en
    Juillet 2006
    Messages
    404
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Webmaster, Réalisateur Vidéo, Chef de projet Web documentaire
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2006
    Messages : 404
    Points : 241
    Points
    241
    Par défaut masquer/afficher input name suivant selection dans une liste
    bonjour
    j'ai un script qui me permet de rentrer une nouvelle valeur dans une liste quand autre est sélectionné, cette valeur s'affiche dans un input name (ref2).Mais je voudrais que ref2 s'affiche uniquement quand autre est choisi dans la liste et masqué les autres fois puisqu'il n'a pas de valeur.J'ai essayé ça mais ça ne marche pas
    La fonction
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <script type="text/javascript">
    function valeur(test){
    	if (test=='autre'){
    		var str= prompt("rentrer ici la nouvelle categorie");
    		 document.getElementById('autreap').value=str;
    	}
     
    if (document.getElementById("autre").value == "autre")
    document.getElementById("autreap").style.display = "block";
    else
    document.getElementById("le_texte").style.display = "none";
    }
    le select
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
      <select name="desi" id="autre" onchange="valeur(this.value)" >
    <?php include("globals.php" );
    $sql= "SELECT DISTINCT (designation) FROM produits ";
    $resultat=mysql_query($sql);
    $listeutilisation=$produits ['designation'];
    while ($produits = mysql_fetch_assoc($resultat)){
    echo '<option value="'.$produits['designation'].'">';
    echo $produits ['designation']; echo "</option>";
    }
    ?>
                  <option value="autre">&agrave;
    pr&eacute;ciser</option>
                  </select>
     
     
                  </td>
     
     
                  <td style="width: 599px; color: rgb(255, 255, 255);">cat&eacute;gorie:<input name="ref2"id="autreap"></td>

  2. #2
    Membre actif
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    247
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Mars 2007
    Messages : 247
    Points : 276
    Points
    276
    Par défaut
    slt,

    pour ajouter l'option dans ta liste :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <script type="text/javascript">
    function valeur(test){
    i = document.getElementById("autre").options.length;
     
    if (test=='autre'){
    	var str= prompt("rentrer ici la nouvelle categorie");
            document.getElementById("autre").options[i] = new Option(str,str);
    	}
     
    if (test != "autre") document.getElementById("autre").options.length = i;
    }
    </script>
    Conception et hébergement de votre site Web : http://www.jvprod.fr !

  3. #3
    Membre actif

    Homme Profil pro
    Webmaster, Réalisateur Vidéo, Chef de projet Web documentaire
    Inscrit en
    Juillet 2006
    Messages
    404
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Webmaster, Réalisateur Vidéo, Chef de projet Web documentaire
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2006
    Messages : 404
    Points : 241
    Points
    241
    Par défaut
    je reviens sur ce post car j'ai essayé ta solution jeje13009, mais ça ne fonctionne pas er je n'ai même plus la popup de remplissage qui s'affiche.
    j'ai fait un copier coller de ton script pour remplacer le mien , il faut peut être faire une modif ailleurs??

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    453
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 453
    Points : 550
    Points
    550
    Par défaut
    Ce code marche,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    <script type="text/javascript">
    function valeur(test){
    i = document.getElementById("autre").options.length;
     
    if (test=='autre'){
    	var str= prompt("rentrer ici la nouvelle categorie","");
            document.getElementById('autreap').value=str;
    	document.getElementById('autreap2').style.visibility="visible";
    	}
     
    if (test != "autre") document.getElementById("autre").options.length = i;
    }
    </script>
     <select name="desi" id="autre" onchange="valeur(this.value)" >
    <?php include("globals.php" );
    $sql= "SELECT DISTINCT (designation) FROM produits ";
    $resultat=mysql_query($sql);
    $listeutilisation=$produits ['designation'];
    while ($produits = mysql_fetch_assoc($resultat)){
    echo '<option value="'.$produits['designation'].'">';
    echo $produits ['designation']; echo "</option>";
    }
    ?>
                  <option value="autre">&agrave;
    pr&eacute;ciser</option>
                  </select>
     
     
                  </td>
     
     
                  <td style="width: 599px; color: rgb(255, 255, 255);"><font style="visibility: hidden" id="autreap2">cat&eacute;gorie:<input name="ref2" id="autreap"></font></td>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Affichage dans un input text suivant sélection dans une liste
    Par baggie dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 21/05/2008, 15h55
  2. Afficher une fiche client par selection dans une Liste
    Par Pascal26 dans le forum WinDev
    Réponses: 2
    Dernier message: 10/04/2007, 11h16
  3. Réponses: 1
    Dernier message: 15/06/2006, 18h01
  4. [Selected]Dans une liste déroulante
    Par ozzmax dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 16/11/2005, 19h18
  5. Réponses: 8
    Dernier message: 05/05/2004, 16h28

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