HTML DOM选择无法在lit-html上正常工作

问题描述

我不确定我的代码是否有问题，或者是lit-html的现有错误？

我试图在单击按钮时获取所选项目的价值。

number.js

<select class="form-control" name="number">
     <option ?selected=${this.number === 1} value="1">One</option>
     <option ?selected=${this.number === 2} value="2">Two</option>
     <option ?selected=${this.number === 3} value="3">Three</option>
</select>
<button type="button" @click=${getSelectedValue}>Get Selected Value</button>


getSelectedValue() {
  const selectOptions = this.querySelector('select[name="number"]');

  const selectedValue = selectOptions.options[selectOptions.selectedindex].value;
}

我已经尝试过selectOptions.value，但仍然无法获得所选的值。

请注意，我添加了createRenderRoot() {return this;}以禁用shadowDOM。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）