Javascript 如何在图纸下拉菜单中从模型数据中预选图纸项目？

在我的项目中，我有一个

iron表单

要做

CRUD

。除了一个问题外，这很有效

如何获取

纸张下拉菜单

以显示模型数据中的值？（即：从我的模型数据中预选与[[o.id]]值对应的

纸张项目

）

纸张菜单的
所选属性
没有帮助，因为它是基于索引的，而不是基于
纸张项目的值

以下是表格的代码：

<form is="iron-form" id="itemForm" method="post" action="/api/item/edit">

    <input is="iron-input" name="id" type="hidden" value="{{item.id}}">

    <paper-dropdown-menu label="Title" selected-item="{{selectedTitle}}">
        <paper-menu class="dropdown-content">
            <template is="dom-repeat" items="{{titles}}" as="o">
                <paper-item value="[[o.id]]">[[o.name]]</paper-item>
            </template>
        </paper-menu>
    </paper-dropdown-menu>
    <input is="iron-input" name="title" type="hidden" value$="[[selectedTitle.value]]">

    <paper-input name="firstName" label="First name" value="{{item.firstName}}"></paper-input>

    <paper-button raised onclick="document.getElementById('itemForm').submit()">Save</paper-button>
</form>


[[o.name]]
拯救
首先，您不能将
所选项目
用于双向数据绑定，因为它是只读的

相反，您应该像这样使用
纸张菜单上的
选中的
-

<paper-menu id="menu" class="dropdown-content" selected="{{selectedValue}}" attr-for-selected="value">

这一次起作用。
要在
纸张下拉菜单中预先选择项目
，您可以在用作
下拉内容的元素中添加所选的
属性和
属性（例如
纸张菜单
或
纸张列表框
）


弗斯特
第二
第三

attached: function () {
  this.async(function () {
    this.selectedValue = 1;
  });
}

<paper-dropdown-menu>
  <paper-listbox attr-for-selected="data-order" selected="1" class="dropdown-content">
    <paper-item data-order="0">First</paper-item>
    <paper-item data-order="1">Second</paper-item>
    <paper-item data-order="2">Third</paper-item>
  </paper-listbox>
</paper-dropdown-menu>