javascript - 使用 optgroups 和 lodash 动态创建选项

Question

我尝试像这样使用 optgroups 创建动态创建的选项:

_.each( _.groupBy(productsCollection.toJSON(), 'menuname'), function( menuname, i ){

  $('#slcproduct').append($("<optgroup>").attr("label",i));

   _.each( menuname, function( product ){
        $('#slcproduct').append($("<option></option>").attr("value", product.id).text(product.product_title));
   });

   $('#slcproduct').append("</optgroup>");
});

所以我的选项是用 optgroups 正确创建的，但选项不是 optgroups 的子元素。如何将选项附加到 optgroups 元素中？非常感谢

Answer 1

试试这个:

_.each(_.groupBy(productsCollection.toJSON(), 'menuname'), function(menuname, i) {
  var $optgroup = $("<optgroup>").attr("label", i);
  _.each(menuname, function(product) {
    $optgroup.append($("<option>").attr("value", product.id).text(product.product_title));
  });
  $('#slcproduct').append($optgroup);
});