javascript - 以编程方式更改由标签值对对象填充的 Dojo Form Select 的选定选项

Question

我有一个 Dojo Form Select 输入框，我在其中使用具有标签值对的 javascript 数据对象填充选项(下面构建此类对象的示例代码):

for loop {
  varStateValuePairs.push({
    label: <State ID>, 
    value: <State Name>
  });
}
dijit.byId("StateDDL").addOption(varStateValuePairs);

现在，我想以编程方式在此 Dojo Form Select 中选择一个特定的州。我尝试过以下方法:

dijit.byId("StateDDL").attr("value", String(5)); // 5 is the example value corresponding to the label-value pair I want to select
dijit.byId("StateDDL").attr("value", 5);
dojo.byId("StateDDL").value = 5;
dijit.byId("StateDDL").set("displayedValue", "Texas");

以上均无效。我哪里错了？我已经搜索了很多，其他帖子中列出的解决方案都不适合我。我正在运行 Dojo 1.8。

Answer 1

使用Select.setValue()。

http://jsfiddle.net/fiddlegrimbo/qauHX/2/

默认情况下会选择value0，我们手动选择value2。

var varStateValuePairs = [];
for (var i = 0; i < 10; i++) {
  varStateValuePairs.push({
    label: "state"+i, 
    value: "value"+i
  });
}

require(["dojo/parser", "dijit/registry", "dijit/form/Select", "dojo/domReady!"], function (parser, registry) {
    parser.parse().then(function () {
        var widget = registry.byId("StateDDL");
        widget.addOption(varStateValuePairs);
        widget.setValue("value2");
    });
});