javascript - 選択するオプションを追加 - 複数選択

Question

4 つの選択があり、クラスを使用して 4 つの選択すべてにオプションを追加したいと考えています。

// groupings is just an array of strings 

createElement: function(el, value, html) {
  var htmlText = html || value;
  var elm = document.createElement(el);
  elm.value = value;
  elm.innerHTML = htmlText;
  return elm;
}
var htmlOptions = [];

$.each(groupings, function(i, e) {
  htmlOptions.push(_util.createElement("option", e));
});


$('.groupBy_impact').append(htmlOptions);

これは Chrome では動作するようですが、IE と Firefox では、値が選択ボックスの外にオーバーフローします。理由がわからない。

次のようにすると、クロスブラウザーで動作しますが、回避したい

$('#select_groupBy_impact_1').append(htmlOptions);
$('#select_groupBy_impact_2').append($(htmlOptions).clone());
$('#select_groupBy_impact_3').append($(htmlOptions).clone());
$('#select_groupBy_impact_4').append($(htmlOptions).clone());