使用domConstruct.create创建“选项”下拉列表,如何禁用所选值?

时间:2016-03-30 00:42:13

标签: javascript html dojo

我有以下html:

<tr>
<td class="userFormLabel">User Type:</td>
<td class="userFormText">
<select name="userType" data-dojo-attach-point="userTypesSelect">
</select> </td>
</tr>

以下是js:

var userTypeSelect = this.userTypesSelect;
array.forEach( userData.userTypes, function(item,idx) {
if (user != null && user.userTypeLookupId == item.id) {
    domConstruct.create("option", 
     {value:item.id,
      innerHTML:item.name,
      selected:'selected'}, 
      userTypeSelect);
} else {domConstruct.create("option", {
             value: item.id, 
             innerHTML: item.name},
             userTypeSelect);
   }
});

我想让else条件给出非值显示;例如,“”或“选择用户类型”文本在下拉列表中默认,而不是列表中的第一个项目(item.id/userTypeSelect)。我试图通过在html代码中添加以下内容在html中执行此操作:

<option selected disabled>choose user type</option>

但这不起作用,似乎被忽略了。我已经搜索了dojo文档,寻找类似于上面的html代码的DOM属性,我可以在domConstruct中使用,但这些文档令人困惑,似乎缺乏细节/清晰度。任何帮助将不胜感激。

0 个答案:

没有答案