jquery - jQuery を使用して選択/メニュー オブジェクトを埋める

Question

jQuery を使用してオブジェクトを入力する必要があります。表示されるダイアログ (jQueryUI) があります。ダイアログが閉じると、オブジェクトは mySQL テーブルから取得された項目で埋められるはずです

JS コードに関数 fill_select() があります... この JS 関数を頻繁に呼び出すため、そこにコードを配置する必要があります。

PS: select を再度入力する前に、すべての項目を削除する必要があります

Answer 1

http://docs.jquery.com/Ajax

この例で JSON を使用した理由は、通常、AJAX 呼び出しを軽量にしたいからです。クライアント側で HTML 文字列を構築することは、ほとんどのブラウザーにとって比較的高速です (どれがそれほど高速でないかはおそらくご存じでしょう...)。いずれにせよ、速度を考慮して、一度に 1 つずつ要素を選択に追加したくありません。

JSON が何かわからない場合は、こちらをご覧ください。

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