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

如何解决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。