如何使用DOJO处理SELECT的OPTIONS

Question

我想写下等同于以下javascript语句的DOJO语句：

document.form_name.select_name.options[0]=new Option("Q3","Q4",false,false);

你能帮帮我吗？

Answer 1

Dojo是一个JavaScript库，因此在使用Dojo时JavaScript仍然有效。另一种方法是使用dojo/dom-construct模块，它允许您创建DOM节点。一个例子：

require(["dojo/dom-construct", "dojo/domReady!"], function(domConstruct) {
    domConstruct.create("option", {
        value: "Q4",
        innerHTML: "Q3",
        defaultSelected: false,
        selected: false
    }, "test");
});

在此示例中，我根据您提供的设置创建一个选项。 <option>的展示位置基于第三个参数"test"。这意味着此选项将作为<select>的最后一个选项，其ID为"test"。

可以找到一个示例JSFiddle here。还有reference guide和API documentation可能会对您有所帮助。

---

Pre Dojo 1.7

如果你需要让它在pre-Dojo 1.7上运行，你需要删除require()语句，因为这是自Dojo 1.7以来的一个新功能，被称为AMD加载程序。 所有模块（至少大多数模块）在pre-Dojo 1.7中都有替代品。 dojo/dom-construct将成为dojo.create。

dojo/domReady!将成为dojo.addOnLoad，但这与Dojo 1.7中引入的模块（实际上dojo/domReady!是插件）略有不同。我建议您阅读旧文档以获取更多信息。