Question

我在表单中有一个FilteringSelect，我想获得它的选项，以便按字母顺序插入新选项。

FilteringSelect元素是：

<select name="inv_ext" id="inv_ext" data-dojo-type="dijit.form.FilteringSelect">
    <option class="opt_inv_ext" value="1">Aaaaa, Aaa</option>
    <option class="opt_inv_ext" value="2">Ccccc, Ccc</option>
</select>

获取和处理每个选项的Javascript代码是：

dojo.query(".opt_inv_ext").forEach(function(opt, i, nodelist){
    ...
}

目标是插入以下节点：

<option class="opt_inv_ext" value="3">Bbbbb, Bbb</option>

在两个现有的标签之间使用标签作为比较值而不是值属性。

有什么想法吗？提前谢谢，对不起我的英语！

Answer 1

如果您使用商店支持列表，则很容易做到。我假设你使用dojo 1.6＆gt;。这是一个例子：

- 在你的HTML中：

<input id="inv_ext">

- 在javascript：

var store = new dojo.store.Memory({
    data : [
        { type : 'options', value : 1, text : 'Aaaaa, Aaa' },
        { type : 'options', value : 2, text : 'Ccccc, Ccc' },
    ]
});

dojo.ready(function(){

        var filteringSelect = new dijit.form.FilteringSelect({
                id: "inv_ext",
                name: "inv_ext",
                store: store,
                searchAttr : 'text',
                query : {
                    type : 'options'
                },
                fetchProperties : {
                    sort : [ { attribute : "text" } ] 
                }
        }, "inv_ext");

        store.put({ type : 'options', value : 3, text : 'Bbbbb, Bbb' });
});

Answer 2

我解决了这个问题如下：

dijit.byId("select_id").store.root.add(dojo.create("option",{ value: "some", innerHTML: "label of option"}));

要删除现有元素，请执行以下操作：

var size = dijit.byId("select_id").store.root.removeChild.length;    
for(var i=size; i>=0; i--){
    dijit.byId("select_id").store.root.removeChild(dijit.byId("select_id").store.root.children[size-1]);
}

如何获取FilteringSelect选项并添加一个带有dojo的新选项

2 个答案: