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

jQuery Discussion :

Récupérer un élément qui arrive par AJAX


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    162
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 162
    Par défaut Récupérer un élément qui arrive par AJAX
    Bonjour,

    J'explique mon problème. Sur une page, j'ai un menu déroulant qui lors d'un choix fait apparaître un morceau de formulaire dynamique récupéré en AJAX.
    Voici un exemple du code qui s'ajoute après appel AJAX :
    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
     
    <div id="listOptionsAjax">
      <!-- L ajout AJAX se fait ci dessous -->
      <div class="listOptions">
        Ajustement prix (+/-) : 
        <input id="modifPrix-6" class="calculMarge" type="text" value="" style="width: 45px;" name="modifPrix-6" />€ 
        - Stock :
        <input id="stockOption-6" type="text" value="" style="width: 35px;" name="stockOption-6" /><br />
        P base HT :
        <input id="prixBaseOption-6" class="calculMarge" type="text" value="" style="width: 35px;" name="prixBaseOption-6" /> 
         - Remise : 
        <input id="obsRemisesOption-6" type="text" value="" style="width: 35px;" name="obsRemisesOption-6" /> 
        - P Net HT : 
        <input id="prixNetOption-6" class="calculMarge" type="text" value="" style="width: 35px;" name="prixNetOption-6" /><br>
      </div>
      <!-- Fin ajout AJAX -->
    </div>
    J'aimerais réalisé un traitement à la volée sur ce formulaire lors d'un changement dans les champs qui possède la class="calculMarge". Jusque là, toujours pas de problème. J'utilise jQuery 1.7.1 et on() :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $("#listOptionsAjax").on("change", ".calculMarge", function() {
    Seulement pour ce traitement à la volée je souhaite récupérer la valeur de plusieurs champs de ce formulaire AJAX. Je sais récupérer celui qui a été changé grâce à $(this). Mais comment puis-je me référer aux autres ? Je connais leur id mais si je me réfère directement à l'id $("#prixNetOption-6") par exemple, il n'existe pas (puisque je pense qu'il vient d'un rajout AJAX). Idem si j'utilise parent() et children()... Comment fait-on pour s'y référer ?

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    162
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 162
    Par défaut
    Désolé pour le message inutile...
    En fait, ça fonctionne très bien... Depuis hier soir je cherche le problème alors que j'ai simplement oublié que j'avais changé les id de mes champs dans le HTML mais pas dans le javascript...
    Il me semble que je devrais dormir plus et travailler moins tard !

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

Discussions similaires

  1. Réponses: 1
    Dernier message: 29/03/2013, 16h49
  2. Récupérer les requêtes qui passent par ODBC
    Par Danger dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 13/07/2009, 14h13
  3. [PHP 5.2] Récupérer les images qui arrivent sur une adresse email
    Par 4rocky4 dans le forum Langage
    Réponses: 1
    Dernier message: 02/02/2009, 11h16
  4. Réponses: 5
    Dernier message: 22/02/2006, 17h32
  5. Récupérer l'id d'un élément qui vient d'être inséré
    Par sg-40 dans le forum MS SQL Server
    Réponses: 2
    Dernier message: 18/06/2004, 10h30

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