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
}

Answer 2

创建一个函数displayUsd()，然后在select元素的onChange事件中使用 this.displayUsd。

Answer 3

您可以在onChange={this.handleChange}

中执行类似的操作

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

或

 handleChange: function(event){
     // event.target.value
 }

Answer 4

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

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

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

在不提交表单或输入ReactJ的情况下获取期权的价值

4 个答案: