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