如何在模式框中的“选择框”中附加所有类别？

Question

我想更新记录，但是我能够做到。但是问题是我无法更改类别，因为我可以从HTML表中选择特定的行记录，并且可以在Modal上看到特定的记录。我想在选择框中加载所有类别。

因此，我想将所有类别添加为“选择框”中的选项，然后根据需要更改类别。

这是PHP函数

// Get Product Data
function get_product_record() {
  global $con;
  $Pro_Update_Id = $_POST['Pro_Update_ID'];
  $query = "SELECT Product.Product_ID, categories.cat_name, categories.cat_id, product.Product_Name,product.Product_Qty,product.Price,product.Description from product INNER JOIN categories on product.Category_ID=categories.cat_id where product.Product_ID='$Pro_Update_Id'";
  $result = mysqli_query($con, $query);

  while ($row = mysqli_fetch_assoc($result)) {
    $data = "";
    $data[0] = $row['Product_ID'];
    $data[1] = $row['cat_name'];
    $data[2] = $row['Product_Name'];
    $data[3] = $row['Product_Qty'];
    $data[4] = $row['Price'];
    $data[5] = $row['Description'];
    $data[6] = $row['cat_id'];
  }
  echo json_encode($data);
}

这是jQuery代码

function get_pro_record() {
  $(document).on('click', '#p_btn_edit', function() {
    var GetPID = $(this).attr('data-id');

    $.ajax({
      url: 'includes/products/get_pro_record.php',
      method: 'post',
      data: {
        Pro_Update_ID: GetPID
      },
      dataType: 'JSON',
      success: function(data) {
        $('#product_id').val(data[0]);
        $('#cat_up_name').html('<option id="p_update_id" value=' + (data[6]) + '>' + (data[1]) + '<option>');
        $('#product_up_name').val(data[2]);
        $('#up_Qty').val(data[3]);
        $('#up_Price').val(data[4]);
        $('#up_description').val(data[5]);
        $('#products_update').modal('show');
      }
    })
  })
}

这是项目的屏幕截图。