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

我有一个关于谷歌关闭的问题

我正在使用lib：

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

var selectData={“1”：“测试1”，“2”：“测试2”}；
var auxArr=[]；
$.each（选择数据、函数（i、选项）{
vauxArr[i]=“选项+”；
});
$（“#我的选择器”）.append（auxArr.join（“”））；

---

那么如何在谷歌闭包中实现同样的功能呢？

有两种方法可以在闭包中创建下拉列表。您可以在页面上放置一个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>

这是我的下拉列表：
var mySelect=new goog.ui.Select（）；
mySelect.addItem（新的goog.ui.MenuItem（“测试1”）；
mySelect.addItem（新的goog.ui.MenuItem（“测试2”）；
render（goog.dom.getElement（'mySelect'）；

---

请参阅：

在闭包中创建下拉列表有两种方法。您可以在页面上放置一个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>

这是我的下拉列表：
var mySelect=new goog.ui.Select（）；
mySelect.addItem（新的goog.ui.MenuItem（“测试1”）；
mySelect.addItem（新的goog.ui.MenuItem（“测试2”）；
render（goog.dom.getElement（'mySelect'）；

见：