我如何在Dojo form.select选项中设置选中

时间:2012-08-22 16:56:00

标签: javascript dojo

您好Dojo开发人员,我有一个下拉form.select,它有几个选项,如何设置一个选项来选择。假设我想在select元素中显示第三个选项。我正在查看dojo文档,我没有看到setSelected()或类似的东西。

由于

3 个答案:

答案 0 :(得分:2)

除了值之外,还需要使用displayedValue属性来设置显示的选项。使用类似的东西:

selector.set(“displayedValue”,“the_text_of_the_option”);

或者您可以使用以下方法搜索下拉菜单的基础商店:

selectorStore.fetch({query:{id: value}, onComplete: function (items) {
              dojo.forEach(items, function(item){
                  selector.set("displayedValue", "the_text_of_the_option");
                  selector.set("value", "the_value_of_the_option");
              });
}});

希望有所帮助。

答案 1 :(得分:1)

我找到了它,它是selector.attr(“value”,“the_name_of_the_option”);

答案 2 :(得分:1)

谢谢,这是真的有效。我测试了它。然而,我发现了我的错误:我正在动态创建选项,当我将其添加到选择器时设置.selected = true后,它会将状态更改为所选的第一个选项。 或者如果我申请selector.set("displayedValue", "the_text_of_the_option"); 它在视觉上显示所选择的一个,但实际上在所选的后面仍然是第一个如果我用上面的selector.set改变它不计量。所以我通过手动创建选定状态来解决它。这样当我添加它时,字母id保留在所需的字符中并相应地更改它。

剪断在这里:

    //populate latitude selector
    match = false;
    optionsArr = [];
    for(var i = 0; i < namesLength; i++){
        for(var j = 0, len2 = latNames.length; j < len2; j++){
            if(fieldNames[i].toLowerCase() == latNames[j]){

                for (var a = 0; a < namesLength; a++) {
                    var option = {};
                    option.label = fieldNames[i];
                    option.value = i+"";
                    if(i==a){
                        option.selected = true;
                    }
                    optionsArr.push(option);
                }
                    match = true;
            }
        }
    }
    if(match){
        var drop1 = dijit.byId("selectLatitude");
        drop1.addOption(optionsArr);
    }else{
        var drop1 = dijit.byId("selectLatitude");
        drop1.addOption(options);//options is an array of options created originally
    }