Javascript 在不提交表单或输入的情况下获取选项的值

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

欧元
美元
鲁尔
英镑

创建一个函数

displayUsd（）

，然后在select元素的onChange事件中使用

---

this.displayUsd

您可以在

onChange={this.handleChange}

 handleChange = (e) => {
  // e.target.value will USD 
 }

或

---

假设您在这里使用一个类并扩展react

constructor() {
    this.state = { value: 'default Value' }
}

this.handleChange(e) {
    this.setState({ value: e.target.value}); 
}

---

你能多写一点你的目标吗？我想做一个货币计算器，当我在下面的输入中更改货币时，应该显示转换后的值。这就是为什么我不需要提交表单的按钮

<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(e) {
    console.log(e.target.value); // for ex. will print USD
}

constructor() {
    this.state = { value: 'default Value' }
}

this.handleChange(e) {
    this.setState({ value: e.target.value}); 
}