Php 使用AJAX的MySQL数据的多选过滤器选项

我正在学习JSON和AJAX，需要本教程的帮助

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function makeTable(data){                   // create table get data from database
    var tbl_body = "";                      // table body
    $.each(data, function() {               // table data
        var tbl_row = "";
        $.each(this, function(k , v) {
            tbl_row += "<td>"+v+"</td>";    // table row
        })
        tbl_body += "<tr>"+tbl_row+"</tr>";
    })
    return tbl_body;
}

function getEmployeeFilterOptions(){        // get filter options value
    var opts = [];
    $checkboxes.each(function(){            // this function select when radiobutton is clicked
        if(this.checked){
            opts.push(this.value);          // get check box values
        }
    });
    return opts;
}

function updateEmployees(opts){             // update the filter value using ajax
    $.ajax({
        type: "POST",                       // POST method
        url: "search.php",                  // search. page send data using json
        dataType : 'json',
        cache: false,
        data: {filterOpts: opts},
        success: function(records){
            $('#employees tbody').html(makeTable(records));
        }
    });
}

var $checkboxes = $("input:radio");         // check radio button is clicked
$checkboxes.on("change", function(){
    var opts = getEmployeeFilterOptions();  // update the database 
    updateEmployees(opts);
});
updateEmployees();
</script>

---

这里search.php的结果显示在一个表中，但我希望所有数据都在一个div中。请帮助我解决这个问题。

makeTablerecords函数生成一个表。更改函数display a div中的html布局。@Sasikumar感谢您的评论。请提供显示div而不是table的代码。div不能显示在table内，除非它位于td内。这需要编写很多代码。结果显示在表中，但我希望它们显示在div中。有没有办法在div中显示这些结果？或者我需要在TDD中写入div。您可以删除表并使用div形成html布局，但将div放置在td中并显示相同的数据是很有用的。makeTablerecords函数生成一个表。更改函数display a div中的html布局。@Sasikumar感谢您的评论。请提供显示div而不是table的代码。div不能显示在table内，除非它位于td内。这需要编写很多代码。结果显示在表中，但我希望它们显示在div中。有没有办法在div中显示这些结果？或者我需要在一个TDD中写入div，您可以删除表并使用div形成html布局，但它不需要在td中放置div并显示相同的数据。