Bonjour,

je travaille actuellement avec le framework jquery mobile et j'ai un petit soucis avec un de mes select alimenté par une requête ajax.

Code Jquery :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
$(document).ready (function () {
  load_matchs_list();
}
La fonction 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
18
 
function load_matchs_list(){
    $.ajax({
        url: "ajax/get_matchs.php",
        dataType : 'json',
        success: function(data){
            if(data != 0){
                data = eval(data);
                $("select#list_matchs").html("");
                $.each(data, function(index, element){
                    var newDate = mysqlTimeStampToDate(element.date);
                    newDate = newDate.getDate() + "/" + (newDate.getMonth() + 1) + "/" + newDate.getFullYear();
                    $("select#list_matchs").append("<option value=\""+ element.id_evenement+"\">" + element.nom + " - " + newDate + "</option>");               
                });
            }
        }
    });  
}
Code HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<form method="post" enctype="multipart/form-data"> 
    <select id="list_matchs"  name="liste_matchs" ></select>
</form>
J’obtiens ceci :


Le select s'alimente correctement mais il laisse un élement vide au début ... pas moyen de trouver comment le virer ... (mon tableau renvoyé par la fct ajax ne contient pas d’élément vide).

Merci d'avance