html-select - Dojo Select - 默认选择第一个选项

Question

我的表单上有一个选择框，它使用 addOption 显示。下面的代码相同

storeData = response.myData;
var select = dijit.byId('mySelect');
select.addOption(storeData.items);

选择框的HTML声明

<select id="mySelect" data-dojo-type="dijit/form/Select" data-dojo-attach-point="mySelect" data-dojo-props="name:'mySelect', placeHolder: 'Select a value', value:''"></select>

在 storeData 中，我返回 JSON 对象列表，包括一个空白选项。 (标签=“”和值(value)=“”);

我希望在未选择任何选项时显示占位符文本。但默认情况下，第一个选项(即空白值选项)被选中，并且由于该占位符文本未被显示。如果我从选项列表中删除空白值选项，则默认选择之后的选项。

有什么方法可以将选择设置为无。这个问题有什么建议吗？

Answer 1

dijit/form/Select充当普通的选择框元素(简单地说它是 <select> 的增强形式)。默认选择第一个选项是此类选择框的默认行为。

无论哪种方式，dijit/form/Select我认为小部件不支持占位符，API docs 中也没有记录.

作为替代方案，您可以使用 dijit/form/ComboBox或 dijit/form/FilteringSelect小部件，它们都支持 placeHolder属性(property)。

另一种常见做法(至少在 <select> 中)是您添加一个默认的选中和禁用项目，作为您的占位符，例如:

<select name="select1" data-dojo-type="dijit/form/Select">
    <option disabled="disabled" selected="selected" value="">- Select a state -</option>
    <option value="TN">Tennessee</option>
    <option value="VA">Virginia</option>
    <option value="WA">Washington</option>
    <option value="FL">Florida</option>
    <option value="CA">California</option>
</select>

演示:JSFiddle