Select box jquery

Select box jquery

本文关键字：jquery box Select      更新时间：2023-09-26

有人能解释为什么这个代码显示空白选择框吗?当我选择第一个框，名称是"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);
}
}

你必须使用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

相关文章：