Construction select avec élément sélectionné par défaut

Version imprimable

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:

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?

19/03/2013, 12h54
Invité

Salut,

Essayes avec

Code:

$('#lstGrossistes').append($('<option>', { selected: 'selected', value: item.IdGros, text: item.Libelle }));
19/03/2013, 13h05
SpaceFrog

ou

Code:

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

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

Code:

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:

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?

Code:

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');
                }
            });