Question

我正在尝试在选择3个选择框后填充div，但根本没有任何反应。我知道php函数有效，因为我手动测试它但不能自动填充它。

<script type="text/javascript">
jQuery(document).ready(function() {
    $("#catcol").change(function(){ 
        getSubCat();//get sub category after change event

    });
    $("#scatcol").change(function(){ 
        getSubSubCat(); //get sub category after change event

    });
    getSubCat();//get sub category after page load
    getSubSubCat();
    TestF();
    function getSubCat(){
        var selectedCategory = $("#catcol option:selected").val();
        $.ajax({
            type: "POST",
            url: "collection_scat.php",
            data: { category : selectedCategory } 
        }).done(function(data){
            $("#scatcol").html(data);
            getSubSubCat();

        });
    }
    function getSubSubCat(){
        var selectedSubCategory = $("#scatcol option:selected").val();
        $.ajax({
            type: "POST",
            url: "collection_sscat.php",
            data: { subcategory : selectedSubCategory } 
        }).done(function(data){
            $("#sscatcol").html(data);

        });
    }
    function TestF(){
    var cat = document.getElementById("catcol").value;
    var scat = document.getElementById("scatcol").value;
    var sscat = document.getElementById("sscatcol").value;
    $.ajax({
    type:'POST',
    url:'collection_list.php',
    data:'cat='+cat+'&scat='+scat+'&sscat='+sscat,
    success:function(msg){
         $("#list").html(data);
    }
    });
    }

});

选择框填充得很好，但列表不会填充。此外，作为代码，如果我访问我的项目中的其他页面，他们不会加载。只有使用代码的页面才有效。

任何人都可以帮我用我的代码检查问题吗？

Answer 1

您需要将$("#list").html(data);更改为$("#list").html(msg);

javascript用信息填充div

1 个答案: