关于在javascript中调用的方法的一些问题

Question

我认为我的方法存在问题，这是我的另一种方法。我的软件工作了两三次，然后我的下拉列表就混淆了！如下图所示，第一个是好的下拉列表，第二个不是。问题是当我打电话给方法时没有？感谢这位帮助我的人。上面的代码和图片。

http://www.casimages.com/img.php?i=130831015939375114.png

http://www.casimages.com/img.php?i=130831020109662889.png

    query.read().done(function(results) {
            // récuperation des ids pour chaque colonne    

            var listOfDate1 = document.getElementById('todo-command2');
            var listId = document.getElementById('todo-command3');
            var listAchat = document.getElementById('todo-command4');
            var listColis = document.getElementById('todo-command5');
            var listOfDateLivraison = document.getElementById('todo-command6');
            //  var listStatuts = document.getElementById('todo-command7');
            //var listAdresse = document.getElementById('todo-command8');

            //ajout des cellule correspondant à chaque  champs.
            for (var i = 0; i < results.length; i++) {
                var tr = document.createElement('tr');
                var tr2 = document.createElement('tr');
                var tr3 = document.createElement('tr');
                var tr4 = document.createElement('tr');
                //var tr5 = document.createElement('tr');
                var tr6 = document.createElement('tr');
              //  var tr7 = document.createElement('tr');

                var td = document.createElement('td');

                //  td.setAttribute('list_id', results[i].ID);

                var td2 = document.createElement('td');
                var td3 = document.createElement('td');
                var td4 = document.createElement('td');
                // var td5 = document.createElement('td');
                var td6 = document.createElement('td');
                //var td7 = document.createElement('td');


                var bt1 = document.createElement('input');
                bt1.type = 'text';
                bt1.className = 'Livreurs';
                var bt2 = document.createElement('input');
                var bt3 = document.createElement('input');

                bt2.type = 'text';
                bt2.className = 'btColis';
                bt3.type = 'text';
                bt3.className = 'dateLivraison';
                // création d'un attribut pour pouvoir récupéré les ids lors des opération CRUD.
                bt1.setAttribute('list_id', results[i].ID);
                bt2.setAttribute('list_id', results[i].ID);
                bt3.setAttribute('list_id', results[i].ID);

                // dropDownList.appendChild(option);

                //mise en forme tableau.
                td.className = 'num';
                td.style.paddingLeft = '45px';
                td.style.paddingRight = '45px';
                td.innerHTML = results[i].ID;
                td2.innerHTML = results[i].DateCommande.toLocaleDateString();
                var place1 = bt1.innerHTML = results[i].Livreur;

                var date2Jour = new Date();
                date2Jour = results[i].DateCommande;
                date2Jour.setDate(date2Jour.getDate() + 2);


                bt1.innerHTML = place1;
                bt2.innerHTML = results[i].NumeroColis;
                bt3.placeholder = date2Jour.toLocaleString();


                td3.appendChild(bt1);
                td4.appendChild(bt2);
                //td5.appendChild(dropDownList);
                td6.appendChild(bt3);
                tr.appendChild(td);
                tr2.appendChild(td2);
                tr3.appendChild(td3);
                tr4.appendChild(td4);
                //tr5.appendChild(td5);
                tr6.appendChild(td6);


                listOfDate1.appendChild(tr);
                listId.appendChild(tr2);
                listAchat.appendChild(tr3);
                listColis.appendChild(tr4);
                //listStatuts.appendChild(tr5);
                listOfDateLivraison.appendChild(tr6);

                $.datepicker.regional['fr'] = {
                    closeText: 'Fermer',
                    prevText: 'Précédent',
                    nextText: 'Suivant',
                    currentText: 'Aujourd\'hui',
                    monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Aout', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
                    monthNamesShort: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'],
                    dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
                    dayNamesShort: ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'],
                    dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
                    weekHeader: 'Sem.',
                    dateFormat: 'dd/mm/yy',
                    firstDay: 1,
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: ''
                };


                $(".dateLivraison").datepicker($.datepicker.regional["fr"]);
                var stat = results[i].Statut_ID;
                //alert(stat + " " + "a");
                var temp = stat;
                   refreshCommandStatus(temp);



    function refreshCommandStatus(statId) {
      var query2 = statutTable;

      query2.read().done(function(resultats) {


        var listStatuts = document.getElementById('todo-command7');
        for (var j = 0; j < resultats.length; j++) {

          //  setTimeout(statId, 5000);
          //  var tt = {};
          ////  tt = temps;
          //  tt.sort((function (a, b) { return a - b }));
          //  alert(statId + " " + "b");

            var tr5 = document.createElement('tr');
            var td5 = document.createElement('td');
            var dropDownList = document.createElement('select');
            td5.appendChild(dropDownList);
            tr5.appendChild(td5);
            listStatuts.appendChild(tr5);


            var keys = [1, 2, 5];
            var keys2 = [2, 3, 6];
            var keys3 = [4, 7];
            var keys4 = [1, 2, 6];
            var keys5 = [3, 7];
            var keys6 = [4];
            var resultat;
            do {
                if (statId === 1) {
                    for (var k = 0; k < keys.length; k++) {
                         resultat = resultats[keys[k]];
                        $('<option />', {
                            value: resultat.Nom,
                            text: resultat.Nom
                        }).appendTo(dropDownList);
                    }

                } else if (statId === 2) {
                    for (var k = 0; k < keys2.length; k++) {
                         resultat = resultats[keys2[k]];
                        $('<option />', {
                            value: resultat.Nom,
                            text: resultat.Nom
                        }).appendTo(dropDownList);
                    }
                } else if (statId === 4) {
                    for (var k = 0; k < keys3.length; k++) {
                        resultat = resultats[keys3[k]];
                        $('<option />', {
                            value: resultat.Nom,
                            text: resultat.Nom
                        }).appendTo(dropDownList);
                    }
                }
                else if (statId === 6) {
                    for (var k = 0; k < keys4.length; k++) {
                        resultat = resultats[keys4[k]];
                        $('<option />', {
                            value: resultat.Nom,
                            text: resultat.Nom
                        }).appendTo(dropDownList);
                    }
                }
                else if (statId === 7) {
                    for (var k = 0; k < keys5.length; k++) {
                        resultat = resultats[keys5[k]];
                        $('<option />', {
                            value: resultat.Nom,
                            text: resultat.Nom
                        }).appendTo(dropDownList);
                    }
                }
                else if (statId === 8) {
                    for (var k = 0; k < keys6.length; k++) {
                        resultat = resultats[keys6[k]];
                        $('<option />', {
                            value: resultat.Nom,
                            text: resultat.Nom
                        }).appendTo(dropDownList);
                    }
                }
            } while (results[i].length < resultats[j].length);

        }

    }, function(err) {
        alert("Error: " + err);

    });
}