如何通过从数据库中获取值来制作可靠的下拉列表

时间:2019-01-22 05:18:07

标签: php jquery ajax mysqli drop-down-menu

我想创建一个依赖于另一个下拉列表的下拉列表。这两个下拉列表的值都从数据库中检索到。我该怎么办?请帮忙。 还有如何将类别名称传递到数据库mysql查询页面(list.php)。

我目前有列出所有子类别的..但是我只想根据类别列出特定的子类别

needle = 15

list.php

+1

1 个答案:

答案 0 :(得分:0)

您可以在JS中使用.change函数。当第一个下拉列表发生更改时,它会使用 POST 方法触发ajax,将其发布到文件list.php(运行查询的 )。

jQuery(document).ready(function() {    

     $('#catname').change(function(){
            var catname = $(this).val();

            $.ajax({
                url:list.php,
                method:"POST",
                data:{
                    catname:catname
                },
                dataType:"json",
                success:function(data){

                 var $el = $("#subcatname");
                 $el.empty();
                  $el.append($("<option></option>")
                        .attr("value", '')
                        .attr("hidden",'')
                        .text('Select Sub Cat Name'));

       $.each(data, function(index, value){
        $el.append('<option 
               value="'+value.catid+'">'+value.catname+'</option>')
                });



}); 

您必须回显json_encode输出,以便Ajax识别返回的值。然后您可以通过使用append投射值来附加值。

希望这有帮助。