Discussion :

[Pelote2012]

J'ai une liste que je construis au démarrage de ma page, tout est good.
Maintenant je voudrais faire que cette liste se positionne automatiquement sur un élément (tirer de mon URL)

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
 $.ajax({
                type: "POST",
                url: "Edit_couleur.aspx/GetGrossistes",
                data: '{"PageEnCours":"' + document.location.href.toString() + '"}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    $('#lstGrossistes').append($('<option>', { value: "-1", text: "Sélectionnez un grossiste" }));
                    if (msg.d != null) {
                        var IdGro = FindUrlParams('<%= PARAM_IDGROS %>')
                        $.each(msg.d, function (i, item) {
                            if (IdGro == item.IdGros) {
                                $('#lstGrossistes').append($('<option:selected>', { value: item.IdGros, text: item.Libelle }));
                            } else {
                                $('#lstGrossistes').append($('<option>', { value: item.IdGros, text: item.Libelle }));
                            }
                        });
                    }
                },
                error: function () {
                    alert('oups');
                }
            });

if (IdGro == item.IdGros) marche nickel
Mon problème est vraiment sur la sélection automatique
J'ai essayé append($('<option:selected> mais ça marche pas et je ne trouve pas mon bonheur sur google ...
Quelqu'un peut-il m'iader?

[Invité]

Salut,

Essayes avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#lstGrossistes').append($('<option>', { selected: 'selected', value: item.IdGros, text: item.Libelle }));

[SpaceFrog]

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#lstGrossistes').append($('<option>').prop({ selected: 'selected'}).val(item.IdGros).text(item.Libelle));

[Pelote2012]

Merci ça marcheMais ça ne déclenche pas mon change de ma liste (normale car je n'ai pas encore mis le change)

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
42
43
44
45
46
 $(function () {
            //Charger la liste des grossistes
            $.ajax({
                type: "POST",
                url: "Edit_couleur.aspx/GetGrossistes",
                data: '{"PageEnCours":"' + document.location.href.toString() + '"}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    $('#lstGrossistes').append($('<option>', { value: "-1", text: "Sélectionnez un grossiste" }));
                    if (msg.d != null) {
                        var IdGro = FindUrlParams('<%= PARAM_IDGROS %>')
                        $.each(msg.d, function (i, item) {
                            if (IdGro == item.IdGros) {
                                $('#lstGrossistes').append($('<option>', { selected: 'selected', value: item.IdGros, text: item.Libelle }));
                            } else {
                                $('#lstGrossistes').append($('<option>', { value: item.IdGros, text: item.Libelle }));
                            }
                        });
                    }
                },
                error: function () {
                    alert('oups');
                }
            });
 
            //Select change sur liste grossiste
            $('#lstGrossistes').change(function () {
                var Gros = $(this).val();
                if (Gros == "-1") {
                    $('#divcouleur').html("");
                }
                else {
                    $.ajax({
                        type: "POST",
                        url: "Edit_couleur.aspx/GetCouleur",
                        data: '{"IdGros":' + Gros + ',"PageEnCours":"' + document.location.href.toString() + '"}',
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (msg) {
                            BuildTable(msg);
                            BuildFonctionTable();
                        }
                    });
                }
            });});

J'essaie ça , mais ça marche pas

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
42
43
44
45
46
47
 $(function () {
            //Charger la liste des grossistes
            $.ajax({
                type: "POST",
                url: "Edit_couleur.aspx/GetGrossistes",
                data: '{"PageEnCours":"' + document.location.href.toString() + '"}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    $('#lstGrossistes').append($('<option>', { value: "-1", text: "Sélectionnez un grossiste" }));
                    if (msg.d != null) {
                        $.each(msg.d, function (i, item) {
                            $('#lstGrossistes').append($('<option>', { value: item.IdGros, text: item.Libelle }));
                        });
                    }
                },
                error: function () {
                    alert('oups');
                }
            });
 
            //Select change sur liste grossiste
            $('#lstGrossistes').change(function () {
                var Gros = $(this).val();
                if (Gros == "-1") {
                    $('#divcouleur').html("");
                }
                else {
                    $.ajax({
                        type: "POST",
                        url: "Edit_couleur.aspx/GetCouleur",
                        data: '{"IdGros":' + Gros + ',"PageEnCours":"' + document.location.href.toString() + '"}',
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (msg) {
                            BuildTable(msg);
                            BuildFonctionTable();
                        }
                    });
                }
            });
 
            var IdGro = FindUrlParams('<%= PARAM_IDGROS %>');
            if (IdGro != GuidEmpty) {
                $('#lstGrossistes > option[value=' + IdGro + ']').attr("selected", "selected");
            }
});

Mon IdGro est bon, mais comment faire pour que ma liste passe sur la bonne option et déclanche mon evt change?

[Pelote2012]

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
$.ajax({
                type: "POST",
                url: "Edit_couleur.aspx/GetGrossistes",
                data: '{"PageEnCours":"' + document.location.href.toString() + '"}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    $('#lstGrossistes').append($('<option>', { value: "-1", text: "Sélectionnez un grossiste" }));
                    if (msg.d != null) {
                        var IdGro = FindUrlParams('IdGrossiste')
                        $.each(msg.d, function (i, item) {
                            if (IdGro == item.IdGros) {
                                $('#lstGrossistes').append($('<option>', { selected: 'selected', value: item.IdGros, text: item.Libelle }));
                            } else {
                                $('#lstGrossistes').append($('<option>', { value: item.IdGros, text: item.Libelle }));
                            }
                        });
 
                        if (IdGro != "") {
                            $('#lstGrossistes').trigger('change');
                        }
                    }
                },
 
                error: function () {
                    alert('oups');
                }
            });