Bonjour, j'ai créé une liste déroulante (balise "select") que je rempli avec une méthode Javascript (fillSlectTagStat3()).

J'utilise la fonction "change" pour lancer une autre méthode Javascript (getStatistic3()) qui affiche des données sur ma page.

Donc la première fois que ma page se lance, j'ai bien ma liste déroulante remplie mais logiquement rien n'est affiché vu que l'event se base sur un changement de sélection de la liste déroulante.

J'aimerais afficher les données sur ma page lorsque je la lance pour la première fois.

Voici mon code html :

Code html : 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
<body>
    <select id="Select1" name="D1">
    </select>
    <br />
    <br />
    <br />
    <br />
    <script>
        $("#Select1").change(function () { getStatistic3(); });
    </script>
    <table id="table_statistic_3" class="display">
        <caption style="font-size: 15px">Omzetcijfer per klant en productgroep</caption>
        <thead>
        </thead>
        <tbody>
        </tbody>
    </table>
    <script type="text/javascript">
        fillSlectTagStat3();
    </script>

Mon code Javascript :

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
32
33
34
35
36
37
38
39
40
41
function fillSlectTagStat3() {//function qui va remplir la balise select
...
}
function showStatistic3() {//bouton sur une page index.html qui lance cette méthode et qui récupère l'htlm de la page concerné dans une balise div
    $("#content").empty();
    $.ajax({
        url: 'Statistic_3.html',
        dataType: 'html',
        success: function (data) {
            $("#content").html(data);
            getStatistic3();
        },
        error: function (e) {
            alert("Error loading statistic 3 html : " + e.statusText);
        }
    });
}
function getStatistic3() {//fonction qui va afficher les données suivant la sélection
    var response;
    var allstat3 = [];
    var allyearstat3 = [];
    var kla = $('#Select1').val();//ICI LA 1er FOIS J'AI VIDE, POURQUOI ?
    kla = kla.replace("'", "\\'");
    if (kla) {
        $.ajax({
            type: 'GET',
            url: 'http://localhost:52251/Service1.asmx/Statistic_3',
            data: "klant='" + encodeURIComponent(kla) + "'",
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            processData: false,
            success: function (msg) {
                response = msg.d;
                ...
            },
            error: function (e) {
                alert("error loading statistic 3");
            }
        });
    }
}
Merci.