Question

我在我的应用程序中使用Polymer的纸张下拉菜单，它有一个整数列表作为纸张项目。我试图从下拉列表中提取所选值，但我总是收到此错误：

类型错误：未定义不是对象。

我使用的代码是：

<paper-dropdown-menu id="dropmenu" label="Select Here&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">
        <paper-dropdown class="dropdown">
          <core-menu class="menu">
              <paper-item>0.405</paper-item>
              <paper-item>0.540</paper-item>

依旧......

和JS：

  <script type="text/javascript">
  function getDropdownVal()
  {
  var f = function()
  {
      var dropd = document.querySelector('#dropmenu').detail.item;
      var x = dropd.value;
      var y = parseInt(x);
      alert("Selected item is" +y);
  };
  f();
};
</script>

我做错了什么？我该如何解决这个问题？

谢谢！

Answer 1

有一个 selectedItemsLabel 属性，可以为您提供所选项目的标签。

您只需使用javascript解析它。

var selectedItem = document.querySelector('paper-dropdown-menu').selectedItemLabel;

var result= parseInt(selectedItem);

Answer 2

首先，项目属于核心菜单：

<core-menu id="menu" class="menu">
  <paper-item>0.405</paper-item>
  <paper-item>0.540</paper-item>
  <!-- other items -->
</core-menu>

如果您需要从外部代码中获取所选项目，请尝试以下方法：

var selected_item = document.querySelector('#menu').selectedItem;
if (selected_item) {
  alert("Selected item is " + selected_item.textContent);
} else {
  alert("Item is not selected yet");
}

Polymer如何获取纸张下拉菜单的整数值

2 个答案: