Question

我无法找到清除纸张下拉菜单的方法。我希望在发送表单时将其重置为初始状态（ajax）。我在演示或文档中找不到任何内容。

我正在使用流星和聚合物1.0。

非常感谢

以下是一些代码：

            <paper-dropdown-menu label="List's Color Tag" id="colorTag">
                <paper-menu class="dropdown-content">
                    {{#each colors}}
                        <paper-item>{{.}}</paper-item>
                    {{/each}}
                </paper-menu>
            </paper-dropdown-menu>

Answer 1

将当前所选项目设置为null。这是最近修复的。 https://github.com/PolymerElements/paper-dropdown-menu/pull/47

Answer 2

我遇到了类似的问题并深入研究了聚合物代码 - 似乎没有办法做到这一点。我找到了一个非常肮脏的解决方法，使用了一个隐形物品，但也许对你有帮助：

 <paper-dropdown-menu label="List's Color Tag" id="colorTag">
                <paper-menu class="dropdown-content">
                   <paper-item style="display:none"></paper-item>
                    {{#each colors}}
                        <paper-item>{{.}}</paper-item>
                    {{/each}}
                </paper-menu>
            </paper-dropdown-menu>

您应该可以通过调用

将其设置为不显示任何内容

document.getElementById('colorTag').contentElement.selected = 0;

我希望它适合你，它没有完全测试，因为我不使用Meteor并使用特殊ID。我已将不可见项设置为ID为-1，因此不会弄乱我的其他ID。

所以在我的情况下它看起来像这样：

<paper-dropdown-menu id="carSelector"
                             label="[[label]]" attr-for-selected="car-id"
                             selected="{{selectedId}}" always-float-label
                >
            <paper-menu attr-for-selected="car-id"
                        selected="{{selectedId}}" class="dropdown-content">
                <paper-item car-id="-1" style="display:none"></paper-item>
                <template is="dom-repeat" items="[[cars]]" as="c">
                    <paper-item car-id$="[[c.Id]]">
                        <paper-item-body>
                            [[c.Plate]]
                        </paper-item-body>
                    </paper-item>
                </template>
            </paper-menu>
</paper-dropdown-menu>

和相应的电话：

this.selectedId=-1;

Answer 3

您必须向selected个第一个孩子添加paper-drop-down属性（在这种情况下为paper-menu）

<paper-dropdown-menu label="List's Color Tag" id="colorTag">
 <paper-menu class="dropdown-content" selected="{{selectedItem}}">
   {{#each colors}}
   <paper-item>{{.}}</paper-item>
   {{/each}}
  </paper-menu>
</paper-dropdown-menu>

然后，当您想要重置它时，只需将selectedItem值指定为null

this.selectedItem = null

清除纸张下拉菜单值

3 个答案: