Remplir un objet select / menu en utilisant jQuery

Question

Je dois remplir un objet avec jQuery J'ai un dialogue (jQueryUI) qui montre. Une fois la boîte de dialogue fermée, l’objet doit être rempli avec des éléments provenant d’une table mySQL

J'ai une fonction fill_select () située dans mon code JS ... et je devrais y placer du code, car j'appelle cette fonction JS fréquemment.

PS: je devrais supprimer tous les éléments avant de remplir, sélectionnez à nouveau

Answer 1

http://docs.jquery.com/Ajax

La raison pour laquelle j'ai utilisé JSON dans cet exemple est que vous souhaitez généralement que les appels AJAX soient légers. Construire une chaîne HTML côté client est relativement rapide pour la plupart des navigateurs (vous savez probablement lequel n'est pas aussi rapide ...). Dans tous les cas, vous ne souhaitez pas ajouter d’éléments à l’un d’eux à la fois pour des raisons de rapidité.

Si vous ne savez pas ce qu'est JSON, jetez un coup d'œil à cela.

http://json.org/

    function fillSelectList(param1, param2) {
        $.ajax({
            type: "GET",
            url: "myUrl.php",
            data: { Param1: param1, Param2: param2 },
            dataType: "json",
            async: true,
            success: function(data, textStatus) {
                var html = "";
                for (var i = 0; i < data.length; i++) {
                    html += "<option value=\"";
                    html += data[i].value + "\">";
                    html += data[i].text + "</option>";
                }

                $("#mySelectList").empty().append(html);
            }    
        });        
    }