查询输出的输出结果，但不允许选择某些结果

Question

如果用户在组3,4或5中，我有以下代码应该从我的数据库中调整结果。查询输出的结果很好，但是当我单击按钮来重新调整结果时，然后显示的结果来自第3组。我相信我的JS中存在的问题，但我不知道在我的查询选择3,4和5组中的所有用户时，它只会改变第3组结果的位置或原因输出显示。

让我们说：

Bob是第3组

Joe是第4组。

比尔是第5组

我的网页看起来像这样。

需要改组的用户...... -Bob -Joe - 比尔

按钮 - 随机播放

当我点击随机按钮时。只有Bob出现。

我的代码会出现什么问题？

 $query = mysqli_query($con, "SELECT * FROM users WHERE `group` IN (3, 4 ,5)");

echo 'Users to be given draft order: <br>';
$array = array();
while ($row = mysqli_fetch_assoc($query)) {
    $array[] = $row;
    echo $row['firstname'] . ' ' . $row['lastname'] . '<br>';
}
?>
<form method="POST" name="form">
    <input type="submit" value="Create Draft Order" name="shuffle">
</form>

    Shuffled results: <br>
    <div class="main-bag">     
    <div class="shuffle_results" id="results"></div> 
    </div>       
     <form method="post">
         <input type="submit" value="Finalize Draft Order" name="insert">

var displayResults = function(data){
    var i = 0;
    var lineheight = 24;
    var time = 3000;
    var interval = setInterval(function(){ 
        if( i <= data.length){ 
            console.log( data[i] ); 
            $('#results').append('<div class="result">' +
                        //'<div class="shuffle_results">' + data[i].firstname + ' ' + data[i].lastname + '</div>' + 
                        '<div class="shuffle_results">' + data[i].drafted_order + ' '+ data[i].firstname + ' ' + data[i].lastname + '</div>' + 
                        '<input type="hidden" name="count[]" value="' + data[i].drafted_order + '">' +
                        '<input type="hidden" name="firstname[]" value="' + data[i].firstname + '">' +
                        '<input type="hidden" name="lastname[]" value="' + data[i].lastname + '">' +
                        '<input type="hidden" name="id[]" value="' + data[i].id + '">' +
                        '<input type="hidden" name="username[]" value="' + data[i].username + '">' +
                        '<input type="hidden" name="email[]" value="' + data[i].email + '">' +
                    '</div>');
           var $this = $('.shuffle_results:last'); 
            $this.show().animate({ 
                'left': 0 + 'px', 
                'bottom': + '0px' 
                //$(document).height() - (lineheight * data.length)
            }, { 
                duration: time 
            });
        i++;
        } else { 
            clearInterval(interval); 
        } 
    }, 3000); 
};