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 :

Événement particulier sur un select


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2015
    Messages : 3
    Par défaut Événement particulier sur un select
    Bonjour à tous, je suis en train de réaliser un outil de location sur un site de vente. J'ai fais un <select> pour sélectionner un produit, puis un bouton "+" qui duplique cet élément pour ajouter une nouvelle sélection. Je voudrais que quand on change la sélection, un champ apparaisse pour définir la quantité.

    Je pensais utiliser ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('selectId').addEventListener("change", displayQuantity);
    Mais le problème c'est que mon bouton "+" duplique aussi l'id du select, donc impossible de faire un événement ciblé sur un seul select

    Voici mon code html :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <div id="choice-tbi-ent">
    	<p id="select-tbi-ent"><select>
    		<option disabled selected>Sélectionnez un produit</option>
    		<option>SMART Board 885 MW521</option>
    		<option>SMART Board 885ix2</option>
    	</select></p>
    </div>
    <button id="addTBI-ent" class="ajouter" onclick="duplicateSelect(event);">+</button>

    Et le javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function duplicateSelect(event) {
    	var event = event;
    	var elem = event.currentTarget;
    	if (elem.id == "addTBI-ent") {
    		var firstSelect = document.getElementById("select-tbi-ent");
    		var newSelect = firstSelect.cloneNode(true);
    		document.getElementById('choice-tbi-ent').appendChild(newSelect);
    	}
    }
    Merci d'avance à ceux qui m'aideront à trouver une solution

  2. #2
    Membre très actif
    Homme Profil pro
    bricoleur par les mots
    Inscrit en
    Avril 2015
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 80
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : bricoleur par les mots
    Secteur : Distribution

    Informations forums :
    Inscription : Avril 2015
    Messages : 744
    Par défaut
    jour

    supprime l'id

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    newSelect.removeAttribute('id');

  3. #3
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2015
    Messages : 3
    Par défaut
    Ok je supprime l'id mais après comment appeler la fonction displayQuantity? Pour faire apparaitre un champ "quantité" quand on sélectionne une valeur

  4. #4
    Membre très actif
    Homme Profil pro
    bricoleur par les mots
    Inscrit en
    Avril 2015
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 80
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : bricoleur par les mots
    Secteur : Distribution

    Informations forums :
    Inscription : Avril 2015
    Messages : 744
    Par défaut
    en lui collant un evenement onchange

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    newSelect.addEventListener("change", displayQuantity);
    quand on clone un element on se rerouve avec un nouveau element il est traité de la meme maniere qu'un element de la page

Discussions similaires

  1. Question sur un SELECT...... AS....
    Par geant63 dans le forum Langage SQL
    Réponses: 8
    Dernier message: 15/09/2009, 17h17
  2. [débutant] Tri sur un select
    Par moog dans le forum PostgreSQL
    Réponses: 1
    Dernier message: 10/06/2005, 11h06
  3. Erreur ORA-01555 sur un select
    Par LRI dans le forum Oracle
    Réponses: 2
    Dernier message: 13/05/2005, 10h42
  4. Faire apparaître un champ texte en cliquant sur un select
    Par yoyot dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 15/03/2005, 16h16
  5. ajout de colonnes sur une selection
    Par DaxTaz dans le forum MS SQL Server
    Réponses: 4
    Dernier message: 05/08/2004, 17h44

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