用JSON填充下拉列表

Question

我是jQuery新手。 我試圖用json數據填充下拉列表。 在這段代碼中，我已經使用ajax接收了數據。 它也以json格式顯示在警報中，但未填充下拉列表。 我被困住了。 請幫忙..

$.ajax({
                url: "http://10.0.2.2/Quizapp/getsubcategory.php",
                type: 'POST',
                data: data,
                beforeSend: function() {

                },
                success: function(data, textStatus, xhr) {
                    alert(data);
                    $.getJSON('data', function(data) {
                        employees = data.items1;
                        $.each(employees, function(index, employee) {
                            $("#subcategory").append("<option value='"+employee.scid+"'>"+employee.Name+"</option>");
                            //alert("1.."+employee.scid);
                        });
                    });
                },
                error: function(xhr, textStatus, errorThrown) {

                    alert(errorThrown);
                }
            });

Answer 1

您有兩個問題：

• 您需要$.parseJSON ，而不是$.getJSON 。
• 您不應在引號中包含“數據”。

您的最終結果應如下所示：

var items = $.parseJSON(data).items1;
for (var i = 0; i < items.length; i++) {
   $("#subcategory").append("<option value='"+items[i].scid+"'>"+items[i].Name+"</option>");
}

另外，您可能不應該那樣構建HTML字符串，因為這時您就不必擔心引用了。 相反，請執行以下操作：

$("#subcategory").append($("<option/>").attr("value", items[i].scid).html(items[i].name));