Preencher um objeto select / menu com jQuery

Question

Eu preciso preencher um objeto usando jQuery Eu tenho uma caixa de diálogo (jQueryUI) que shows. Uma vez que fecha diálogo, o objeto deve ser preenchido com os itens retirados de uma tabela MySQL

Eu tenho um fill_select function () localizada no meu código JS ... e eu deveria colocar o código lá, porque eu chamar essa função JS freqüência.

PS: eu deveria remover todos os itens antes de encher selecionar novamente

Answer 1

http://docs.jquery.com/Ajax

A razão que eu usei JSON neste exemplo é porque você normalmente querem AJAX chamadas para ser leve. Construir uma string HTML no lado do cliente é relativamente rápido para a maioria dos navegadores (Você provavelmente sabe que um não é tão rápido ...). Em qualquer caso, você não quer acrescentar elementos para o seleto em um tempo para considerações de velocidade.

Se você não sabe o JSON é dar uma olhada nisso.

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