如何在谷歌关闭中选择下拉菜单（附加选项）？

【问题标题】：How to select dropdown (append option) in google closure?如何在谷歌关闭中选择下拉菜单（附加选项）？
【发布时间】：2016-08-24 17:24:25
【问题描述】：

我对 Google 关闭有疑问。

我正在使用库：

goog.base.js
goog.dom.js
goog.events.Event
goog.events.EventTarget
goog.ui.MenuItem
goog.ui.Select

我想在我的 jQuery 下拉列表中添加选项，我可以这样做

var selectData = { "1": "test 1", "2": "test 2" };
var auxArr = [];
$.each(selectData, function(i, option) {
    vauxArr[i] = "<option value='" + i + "'>" + option + "</option>";
});
$('#My selector').append(auxArr.join(''));

那么如何在 google 关闭中做同样的事情呢？

【问题讨论】：

标签： javascript jquery google-closure-library

【解决方案1】：

有两种方法可以在 Closure 中创建下拉菜单。您可以在页面上创建一个 HTML 对象，然后对其进行装饰，也可以在 Javascript 中创建一个对象，然后将其呈现在页面上。

您似乎想要使用渲染方法：

<label id="mySelect">This is my dropdown:</label>
<script>
  var mySelect = new goog.ui.Select();
  mySelect.addItem(new goog.ui.MenuItem('test 1'));
  mySelect.addItem(new goog.ui.MenuItem('test 2'));
  mySelect.render(goog.dom.getElement('mySelect'));
</script>

见：http://google.github.io/closure-library/source/closure/goog/demos/select.html

【讨论】：