如何在React中从<select>中获取元素的Id？

Question

我有一个函数handleSubmit(event){}。如何获取所选选项的 id？

<select id="category">
   <option id="1">Travel</option>
   <option id="2">Auto Loan</option>
</select>

Answer 1

我认为你应该使用值而不是 ID。但如果你非常需要所选选项的 ID 那么你可以尝试这个-

  handleChange = (event) => {
      const index = event.target.selectedIndex;
      const optionElement = event.target.childNodes[index];
      const optionElementId = optionElement.getAttribute('id');

      console.log(optionElementId);
  }

选择列表是-

<select onChange={this.handleChange}>
    <option id="1">Travel</option>
    <option id="2">Autoloan</option>
</select>