javascript - 无需提交表单或输入 ReactJs 即可获取选项值

Question

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

 <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
}