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 :

Charger plusieurs combobox avec ajax


Sujet :

jQuery

  1. #1
    Nouveau Candidat au Club
    Femme Profil pro
    Webdesigner
    Inscrit en
    Avril 2014
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Avril 2014
    Messages : 2
    Points : 1
    Points
    1
    Par défaut Charger plusieurs combobox avec ajax
    Bonjour

    je voudrai créer un code qui permet de donner au utilisateur de choisi 10 universities a chaque fois le utilisateur choisi l'universities la branche sera charger automatic son changer la page

    mais le probleme le premier cobobox uniquement function,
    voila mon code :
    Nom : un.png
Affichages : 265
Taille : 32,9 Ko

    page item.php
    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
    $(document).ready(function(){
            $("#faculty").change(function(){
                var faculty_id = $(this).val();
                var url = '<?php echo osc_ajax_plugin_url('universitys_attributes/ajax.php') . '&facultyId='; ?>' + faculty_id;
                var result = '';
                if(faculty_id != '') {
                    $("#branch").attr('disabled',false);
                    $.ajax({
                        type: "POST",
                        url: url,
                        dataType: 'json',
                        success: function(data){
                            var length = data.length;
                            if(length > 0) {
                                result += '<option value="" selected><?php _e('Select a branch', 'universitys_attributes'); ?></option>';
                                for(key in data) {
                                    result += '<option value="' + data[key].pk_i_id + '">' + data[key].s_name + '</option>';
                                }
                            } else {
                                result += '<option value=""><?php _e('No results', 'universitys_attributes'); ?></option>';
                            }
                            $("#branch").html(result);
                        }
                     });
                 } else {
                    result += '<option value="" selected><?php _e('Select a branch', 'universitys_attributes'); ?></option>';
                    $("#branch").attr('disabled',true);
                    $("#branch").html(result);
                 }
            });
    });
    Code php : 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
     <div class="row _200">
    <h2><?php _e('Universities', 'universitys_attributes') ; ?></h2>
    <table id="tab_st" border="1">
    <tr ><th>Universities</th><th>Department</th><th>Year</th></tr>
    <?php for ($i = 1; $i <= 10; $i++) { ?>
    <tr> 
    <td> 
    <?php echo "".$i."";?>
    <select name='faculty' id='faculty_<?php echo $i;?>' >
                <option value=""><?php _e('Select a faculty', 'universitys_attributes'); ?></option>
                <?php foreach($facultys as $a){ ?>
                <option value="<?php echo $a['pk_i_id']; ?>" <?php if(@$detail['fk_i_faculty_id'] == $a['pk_i_id']) { echo 'selected'; } ?>><?php echo $a['s_name']; ?></option>
                <?php } ?>
    </select> </td> 
            <td> <select name="branch" id="branch">
                <option value="" selected><?php _e('Select a branch', 'universitys_attributes'); ?></option>
                <?php foreach($branchs as $a) { ?>
                <option value="<?php echo $a['pk_i_id']; ?>" <?php if(@$detail['fk_i_branch_id'] == $a['pk_i_id']) { echo 'selected'; } ?>><?php echo $a['s_name']; ?></option>
                <?php } ?>
            </select> </td> 
            <td> </td> 
            </tr>
    <?php }?>
    </table>
     </div>

    page ajax.php

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <?php
     require_once 'ModelUnivesity.php' ;
     
        if( Params::getParam("facultyId") != '' ) {
            $branchs = ModelUnivesity::newInstance()->getBranchs( Params::getParam("facultyId") );
            echo json_encode($branchs) ;
        }
    ?>

    merci d'avance

  2. #2
    Nouveau Candidat au Club
    Femme Profil pro
    Webdesigner
    Inscrit en
    Avril 2014
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Avril 2014
    Messages : 2
    Points : 1
    Points
    1
    Par défaut
    le code ajax fonction une seule fois lorsque le utilisateur choisi sur la linge 2 universities la branch ne charge pas

Discussions similaires

  1. [AJAX] dtd charger une page avec ajax
    Par bailamos dans le forum AJAX
    Réponses: 3
    Dernier message: 02/05/2010, 18h27
  2. plusieurs combobox avec la même source
    Par ptitepo dans le forum VB.NET
    Réponses: 6
    Dernier message: 23/11/2008, 19h59
  3. [AJAX] Enchainer plusieurs requêtes avec Ajax
    Par Bobtop dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 01/08/2006, 08h13
  4. Réponses: 2
    Dernier message: 26/04/2006, 15h14
  5. [AJAX] Appel de plusieurs pages avec Ajax
    Par shadowbob dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 13/02/2006, 18h29

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