从vanilla JS获得paper-listbox的价值

时间:2017-04-21 19:06:00

标签: javascript polymer

由于MDL不提供选择元素,因此我决定将纸张下拉菜单与纸张列表框结合使用以获得所需的结果。现在,如果用户选择一个选项并按下一个按钮,我想从vanilla JavaScript中读取所选的值(jQuery也是可能的)。

更具体一点:如果是正常的文本字段我会

var user_input = $('#text-input-field').val()

聚合物元素有类似的东西吗?

如果可能,我想避免编写自己的web组件。

干杯

1 个答案:

答案 0 :(得分:0)

您是否遇到了一个特殊的问题,因为标准DOM方法看起来效果很好?



// Define the class for a new element called custom-element
class CustomElement extends Polymer.Element {
  static get is() {
    return 'custom-element';
  }
  constructor() {
    super();
    this.value = 'The value.';
    this.textContent = 'I\'m a custom-element.';
  }
}
// Register the new element with the browser
customElements.define(CustomElement.is, CustomElement);

const custom = document.querySelector('custom-element');
console.log(custom.value);

<link rel="import" href="https://polygit.org/polymer+2.0.0-rc.2/components/polymer/polymer-element.html">
<custom-element />
&#13;
&#13;
&#13;