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 :

Requête POST Ajax - Récupération valeur sélectionnée balise select


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Homme Profil pro
    Inscrit en
    Janvier 2009
    Messages
    9
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Pologne

    Informations forums :
    Inscription : Janvier 2009
    Messages : 9
    Par défaut Requête POST Ajax - Récupération valeur sélectionnée balise select
    Bonjour,

    Je butte pour récupérer la valeur sélectionnée d’une balise « select » par une requête POST en Ajax. Je n’ai pas de problème pour récupérer la valeur d’une balise input ; pour la balise select je récupère seulement l’indice du tableau et non pas la valeur de la variable. J’utilise le framework Codeigniter et la bibliothèque jQuery.

    Voici la partie du code VIEW concernée :

    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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    echo form_open();
    echo form_label('Liste métacode');
     
    $js = array(
            'id'       => 'selected',
            //'onChange' => 'some_function();'
    );
    echo form_dropdown('select', $alliage_new,'1410',$js);// création d'une liste déroulante
    echo "<br>";
    echo "<br>";
    // Champ User Name
    echo form_label('User Name');
    $data_name = array(
    'name' => 'name',
    'class' => 'input_box',
    'placeholder' => 'Please Enter Name',
    'id' => 'name'
    );
    echo form_input($data_name);
    echo "<br>";
    echo "<br>";
     
    // Champ Password
    echo form_label('Password');
    $data_name = array(
    'type' => 'password',
    'name' => 'pwd',
    'class' => 'input_box',
    'placeholder' => '',
    'id' => 'pwd'
    );
    echo form_input($data_name);
    echo "<br>";
    echo "<br>";?>
    </div>
    <div id="form_button">
    <?php echo form_submit('submit', 'Submit', "class='submit'"); ?>
    </div>
    <?php
    // Form Close
    echo form_close(); ?>
    <?php
    // Affichage du résultat en utilisant Ajax
    echo "<div id='result' style='display: none'>";
    echo "<div id='content_result'>";
    echo "<h3 id='result_id'>Valeurs saisies</h3><br/><hr>";
    echo "<div id='result_show'>";
    echo "<label class='label_output'>Entered Name :<div id='value'> </div></label>";
    echo "<br>";
    echo "<br>";
    echo "<label class='label_output'>Entered Password :<div id='value_pwd'> </div></label>";
    echo "<br>";
    echo "<br>";
    echo "<label class='label_output'>Métacode saisi :<div id='value_metacode'> </div></label>";
    echo "</div>";
    ?>
    </div>
    </div>
    </body>
    </html>

    Voici le code intégrale du CONTROLLER :

    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
    26
    <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
     
    class Ajax_Post_Controller2 extends CI_Controller {
     
    public function __construct(){
         parent::__construct();
         $this->load->model('calculateur_model');
         $this->load->helper('url_helper');
    	 $this->load->helper('form');
    }
    // Affichage de la page
    public function index(){
    $data['alliage'] = $this->calculateur_model->get_alliage(); //chargement des données depuis la base //de données
    $this->load->view("ajax_post_view2", $data);
    }
     
    // This function call from AJAX
    public function user_data_submit() {
    $data = array(
    'username' => $this->input->post('name'),
    'pwd'=>$this->input->post('pwd'),
    'meta'=>$this->input->post('mc'),
    );
    echo json_encode($data);
    }
    }

    Je vous remercie d’avance pour votre aide et vos suggestions.

    Bruno

  2. #2
    Membre habitué
    Homme Profil pro
    Inscrit en
    Janvier 2009
    Messages
    9
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Pologne

    Informations forums :
    Inscription : Janvier 2009
    Messages : 9
    Par défaut Solution
    Il suffisait de remplacer $("select#selected").val () par $("select#selected option:selected").text().

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 23/12/2013, 20h39
  2. Erreur 500 dans une requête POST AJAX
    Par Netci dans le forum Services Web
    Réponses: 0
    Dernier message: 07/05/2013, 12h31
  3. [AJAX] Requête post Ajax et JSON
    Par tralloc dans le forum jQuery
    Réponses: 5
    Dernier message: 07/11/2012, 23h12
  4. Réponses: 4
    Dernier message: 16/07/2008, 17h37
  5. Récupérer la valeur sélectionnée d’un SELECT
    Par iacobm dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 14/01/2008, 17h21

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