Javascript 如何基于代码和JSON响应对象显示下拉菜单列表？

我试图显示一个基于JSON响应对象的下拉列表，如何为下面的代码设置它？ 在html中

---

您的json是一个类别对象数组，您必须循环通过json来创建选项列表元素，您的成功函数应该如下所示：

success: function (response) {
   var html = '<option value="">Select Sub Category</option>';
   response.forEach(category => {
       html += "<option value='" + category.categories_id + "'>"+ category.categories_name +"</option>"
       $("#productCategories"+row).html(html);
   })
}

---

日志响应看起来像……这不是json[{“categories_id”：“1”，“categories_name”：“Monitor”}，{“categories_id”：“3”，“categories_name”：“Scanner”}]编辑问题以更新该数据，而不是将其放入注释块中。同时向我们展示您尝试过但未按预期工作的内容

$.ajax({
                url: 'php_action/fetchDropdownProductData.php',
                type: 'post',
                data: {brandId : brandId},
                dataType: 'json',
                success:function(response) { 
                    
            var html = '<option value="">Select Sub Category</option>';
            html += response;
            $("#productCategories"+row).html(html);
                    
                    
                } // /success
            });

[{“categories_id”:“1”,“categories_name”:“Monitor”},{“categories_id”:“3”,“categories_name”:“Scanner”}]

success: function (response) {
   var html = '<option value="">Select Sub Category</option>';
   response.forEach(category => {
       html += "<option value='" + category.categories_id + "'>"+ category.categories_name +"</option>"
       $("#productCategories"+row).html(html);
   })
}