为什么 Selection 元素未使用空 val 前置到 JSON 数组？

Question

在我的 Meteor 应用程序中，我正在填充 "States" select 元素，如下所示：

main.html:

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

main.js:

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

由于 "AL"（阿拉巴马州）始终是默认值，我想添加一个空字符串的默认值，所以我将助手更改为：

Template.addJobLoc.helpers({
  statesAndProvinces: function() {
    return [{
      "hint": "No selection",
      "abbrcode": ""
    }, {
      "hint": "Alabama",
      "abbrcode": "AL"
    }, {
    . . .

但是，"AL" 仍显示为 first/default 值 - 为什么？如何将默认值设置为空字符串？

Answer 1

这是一个更简单的模式：

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

只需将您原来的助手与状态列表一起使用即可。

为什么 Selection 元素未使用空 val 前置到 JSON 数组？

Why is an empty val prepended to a JSON array not used by the Selection element?

json

meteor

drop-down-menu

spacebars

meteor-helper