选择框jquery

Question

有人可以解释为什么这段代码会显示空白的选择框吗？当我选择名为“firstbox”的第一个框时，它应该在第二个框中显示信息，其中id为“komandos”，但它不显示任何内容......

<script>

jQuery(function($) {
    $("#komandos").change(function() {
        var id = $("#id").val();
        if(isNaN(id)) {return;}

        $.ajax({
            type: "GET",
            url: "ajax.php",
            data: {'update_tm': '', 'id': id},
            dataType: 'json',
           success: function(data){

                $("#komandos").empty();

                for (var i = 0; i < data.length; i++) 
                {
                    $("#komandos").append('<option>'+data[i].team+'</option>');
                }
            }
        });
    });
});

</script>

ajax.php

<?php
include_once('inc/conn.php');
include_once('inc/futbolas.php');

if(isset($_GET['update_tm']) && is_numeric($_GET['id']))
{
$query = $pdo->prepare("SELECT `pirma_komanda`,`antra_komanda` FROM futbolas WHERE `id` = ?");
 $query->execute(array($_GET['id']));
if($query)
{
   $query = $query->fetch();
   $rez[0]['team'] = $query['pirma_komanda'];
   $rez[1]['team'] = $query['antra_komanda'];
   echo json_encode($rez);
}

}

Answer 1

您必须使用JSON.parse之类的

success: function(data){

            $("#komandos").empty();
            var result = JSON.parse(data);
            for (var i = 0; i < result.length; i++) 
            {
                $("#komandos").append('<option>'+result[i].team+'</option>');
            }
        }
    });

参见 JS FIDDLE