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

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

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

<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");
}

Answer 2

有一个 selectedItemLabel 属性，它为您提供所选项目的标签。

您可以使用 javascript 简单地解析它。

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

var result= parseInt(selectedItem);

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

Polymer How to get integer value of paper-dropdown menu

html

javascript

polymer