Problème undefined value sur un <select>

Bonjour,

Je n'arrive pas à afficher la valeur de mon option selectionner. J'ai initialisé mes option de mon select avec de l'ajax, celle-çi est bien initialisé mais quand je veux afficher la veleur de l'option selectionné chez le message "undefined" qui apparait.

<body>
 <select id="myselect" name="myselect">
  <option value="-1"></option>
 </select>
</body>



$(document).ready(function(){
 
 test = function(){
   $.ajax({
    type: 'GET',
    url: 'XXXXXXX',
    dataType: "json",
    success: function(data, textStatus, jqXHR){  
       var i;
      for(i in data){ 
       var opt = "<option value='"+ data[i][0] + "'>" + data[i][1] + "</option>";
       $('#myselect').append(opt);
      } 
    }, 
   });
 }
 test();
alert($( "#myselect" ).val()); // m'affiche undefined alors que m'a liste est bien rempli      
});


1 réponse