Riempi un oggetto select / menu usando jQuery

Question

Devo riempire un oggetto usando jQuery Ho una finestra di dialogo (jQueryUI) che mostra. Una volta chiusa la finestra di dialogo, l'oggetto dovrebbe essere riempito con elementi presi da una tabella mySQL

Ho una funzione fill_select () situata nel mio codice JS ... e dovrei inserire il codice lì, perché chiamo frequentemente questa funzione JS.

PS: dovrei rimuovere tutti gli elementi prima di riempire nuovamente selezionare

Answer 1

http://docs.jquery.com/Ajax

Il motivo per cui ho usato JSON in questo esempio è perché in genere si desidera che le chiamate AJAX siano leggere. Costruire una stringa HTML sul lato client è relativamente veloce per la maggior parte dei browser (probabilmente sai quale non è così veloce ...). In ogni caso non si desidera aggiungere elementi alla selezione uno alla volta per considerazioni sulla velocità.

Se non sai cosa sia JSON, dai un'occhiata a questo.

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