html - polymer 核心下拉值

Question

我正在使用 core-dropdown我表格中的字段以及其他核心和纸张元素。我能够获取所有输入的值，但无法获取表单提交时核心下拉字段的值。根据文档，有一个 selectedItem 属性可用于获取所选值，但没有关于如何使用它的说明。

在一个单独的注释中，尽管我可以使用 this solution 发布 polymer 的纸张输入字段但是如果有任何其他优雅的解决方案来处理 polymer 的形式，最好是任何类型的领域，例如文本、 radio 、复选框、选择、文件等，请分享。

Answer 1

Polymer API 正在迅速变化，但目前使用下拉菜单和选定项目的方式是使用 <core-selector> element .

所以在你的 core-dropdown 里面，你会得到这样的东西:

<core-selector selected="{{selectedIndex}}">
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
</core-selector>

您可以绑定(bind)到 selected表示所选项目索引的属性，或者如果 valueattr 则表示特定属性值被使用。

Polymer('selector-example', {
    ready: function () {
        this.selectedIndex = 2; // 'Item 3' will be selected
    }
});

很遗憾，由于链接已损坏，我无法扩展您的解决方案。

希望这对您有所帮助。