jquery – 如何更改select2框高度

我喜欢从 https://github.com/ivaynberg/select2的SELEct2框
我使用格式：选项来格式化每个元素，它看起来不错。

一切都很好，除非所选元素大于由于图像的选择框的高度。

我知道如何改变宽度，但如何改变高度，以便在选择元素后，它显示完整的东西(约150pX)

这是我的开始：

<script>
 $("#selBoxChild").SELEct2({
                      matcher: function(term,text) { 
                          var t = (js_child_sponsors[text] ? js_child_sponsors[text] : text); 
                          return t.toUpperCase().indexOf(term.toUpperCase()) >= 0; 
                      },formatResult: formatChild,formatSELEction: formatChild,escapeMarkup: function(m) { return m; }
                  });
</script>

这里是我的选择框

<SELEct id="selBoxChild" style="width: 300px; height: 200px">
       <option value="">No child attached</option>       
       </SELEct>

澄清：我不想让每个选项的高度改变
我在寻找选择框，以在您选择一个孩子后更改高度。

所以当页面第一次加载它说“没有孩子选择”
当你点击下拉菜单并选择一个孩子，你会看到孩子的形象。
现在我需要选择框来展开！否则，儿童的图片被切断。

有人明白吗？

.SELEct2-choices {
  min-height: 150px;
  max-height: 150px;
  overflow-y: auto;
}

ul.SELEct2-results {
 max-height: 200px;
}