为什么我的选择元素开头有一个空项目？答案

【问题标题】：Why does my select element have an empty item at the beginning?为什么我的选择元素开头有一个空项目？
【发布时间】：2015-10-15 15:41:18
【问题描述】：

我的选择元素中有一个空的第一项：

我不知道为什么；这是我的 Meteor 应用程序中的 HTML/空格键：

<select id="stateorprovince" name="stateorprovince">
    <option selected="selected"></option>
    {{#each statesAndProvinces}}
      <option title="{{hint}}">{{abbrcode}}</option>
    {{/each}}
</select>

...这是返回值的 Meteor 助手：

Template.addPerson.helpers({
  statesAndProvinces: function() {
    return [{
      "hint": "Alabama",
      "abbrcode": "AL"
    }, {
      "hint": "Alaska",
      "abbrcode": "AK"
    }, {
    . . .

如果我从 HTML/空格键中删除这一行：

<option selected="selected"></option>

...下拉选择后我不再有空行，但它也使 AL 成为下拉之前的默认/显示值；我不希望这样 - 我希望它默认为空白 - 但下拉时没有空值。

如何在不添加 Abalama 作为默认值的情况下将多余的前置空项设置为 86？

【问题讨论】：

标签： meteor drop-down-menu meteor-blaze spacebars meteor-helper

【解决方案1】：

您需要将<option selected="selected"></option> 更改为<option selected="selected" disabled hidden></option>。

这将默认显示一个空选项，但如果用户选择一个选项，他们将看不到空白选项，也无法选择它。

【讨论】：