Optgroup动态使用JavaScript

Question

我试图创造动态。我使用ajax请求获取数据，并希望对其进行排序显示。它还将收到类别名称。我当前的结果是它正在排序，但是它正在创建一个新的optgroup而不是将其添加到旧的optgroup中  （https://i.imgur.com/P3oGXKl.gifv）

$.each(response, function(index, value) {

  if (value['categories_name'] != current_sub) {
    console.log(current_sub);
    if (current_sub) {
      tr += '</optgroup>'
    }
    tr += "<optgroup label='" + value['categories_name'] + "'>";
    current_sub = value['categories_name'];

  }

  tr += '<option value="' + value['product_id'] + '">' + value['product_name'] + '</option>';
});
tr += '</optgroup>';