在PHP中添加具有动态下拉列表的动态行jQuery

Question

我正在使用以下jquery代码添加新行，但是我有几个静态字段和几个动态字段正在使用php填充。

$(document).on('click', '#add', function(){ 
        if(i < maxField){ //Check maximum number of input fields
            i++;
            var product_dd = '<select name="product_id[]" id="product_id"><?php echo fill_unit_select_box($products_list); ?></select>';
            var category_dd = '<select name="category_id[]" id="category_id"><?php echo fill_unit_select_box($category_list); ?></select>';

            $('#dynamic_field').append('<tr id="row'+i+'" class="dynamic-added"><td><input id="item_type" pattern="[2-3]*" type="text" required maxlength="1" name="item_type[]" /></td><td>'+product_dd+'</td><td>'+category_dd+'</td><td><select name="status[]" id="status"><option value="1" selected="selected">Enabled</option><option value="0">Disabled</option></select></td><td></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>');
        }

    });

根据需要插入行，但是我面临的问题是两个下拉菜单均是空白，我检查了php函数，并返回了我需要的所有选项，但是不确定何时单击“添加” “更多”按钮，为什么下拉菜单为空白。请帮忙！

这是用于生成下拉列表的php代码，效果很好，我已经测试过了。

function fill_select_box($products_list)
    {    
         $output = '';   
         foreach($products_list as $key => $value)
         {
          $output .= '<option value="'.$key.'">'.$value.'</option>';
         }
         return $output;
    }