在动态生成的选择框中显示来自DB的数据

时间:2013-05-27 11:25:11

标签: php jquery

我有一个代码,可以在按钮点击时动态生成文本框并选择框。我想从数据库中获取数据并显示在动态生成的选择框中。

小提琴http://jsfiddle.net/hEByw/11/显示文本和选择框是如何动态生成的。

我已尝试使用以下部分代码从DB获取数据并将其放入动态生成的选择框(Tax Type)中,但它对我不起作用。

//To Display the tax types from DB
$(function(){
    var items="";
    $.getJSON("get_tax_type.php",function(data){
        $.each(data,function(index,item) 
        {
            items+="<option value='"+item.id+"'>"+item.name+"</option>";
        });
        $("#tax_type' + counter + '").html(items); 
    });
});

我觉得我的做法是错的。任何人都可以建议我做错了什么或者实施它的正确方法。我是jquery的新手。任何帮助表示赞赏。谢谢。

PHP代码(get_tax_type.php)

    <?php 
    include('includes/db.php');
    $q = "select TaxID, TaxName from tax";
    $sql = mysql_query($q);
    $data = array();
    while($row = mysql_fetch_array($sql, true)){
    $data[] = $row; 
    };
    echo json_encode($data);
?>

1 个答案:

答案 0 :(得分:1)

试试这个。 <强>已更新

    $(document).ready(function() {

        var items = "";
        $.getJSON("get_tax_type.php", function(data) {
            alert(data);
            $.each(data, function(index, item) {
                $("#tax_type" + parseInt(index) + parseInt(1)).empty();
                $("#tax_type" + parseInt(index) + parseInt(1)).append("<option value='" + item.TaxID+ "'>" + item.TaxName+ "</option>");
            });

        }, 'json');

    });