javascript - 如何在谷歌关闭中选择下拉菜单(附加选项)？

Question

我对 Google Closure 有疑问。

我正在使用库:

• 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(''));

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

Answer 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