javascript - 在没有提交表单或输入 ReactJs 的情况下获取选项的值

Question

我有一个带选项的选择，我想在不提交表单或使用按钮或输入的情况下获取选项的值。例如，如果我选择美元，我希望函数返回美元， 对于 EUR，应该返回 EUR

 <select value={this.state.value} onChange={this.handleChange}>
      <option value="EUR">EUR</option>
      <option value="USD">USD</option>
      <option value="RUR">RUR</option>
      <option value="GBP">GBP</option>
  </select>

Answer 1

<select value={this.state.value} onChange={this.handleChange}>
    <option value="EUR">EUR</option>
    <option value="USD">USD</option>
    <option value="RUR">RUR</option>
    <option value="GBP">GBP</option>
</select>

您可以像这样访问 handleChange 中的选定值:

handleChange(e) {
    console.log(e.target.value); // for ex. will print USD
}