我如何访问Form.control的值？

Question

我正在尝试访问与React引导程序窗体中的选择菜单选项相对应的值。

这是我的代码

handleChange(e) {
            var options = e.target.options;
            var selectedValues = [];
            for (var i = 0; i < options.length; i++) {
              if (options[i].selected) {
                selectedValues.push(options[i].value);
              }
            }
            console.log(selectedValues);
          }
<Form.Group controlId="Location">
    <Form.Control as="select" multiple onChange={this.handleChange}>
        <option value="1132348">New York City</option>
        <option value="1154532">Boston</option>
        <option value="1147401">San Francisco</option>
        <option value="1146821">Los Angeles</option>
        <option value="1150505">Seattle</option>
        <option value="1151614">Portland</option>
    </Form.Control>
</Form.Group>

例如，如果我选择了“纽约市”选项，我将如何访问数字“ 1132348”以供使用。

Answer 1

由于您正在使用带有多个选择的选择，因此请尝试使用此handleChange even：

handleChange: function(e) {
  var options = e.target.options;
  var selectedValues = [];
  for (var i = 0, i < options.length; i++) {
    if (options[i].selected) {
      selectedValues.push(options[i].value);
    }
  }
  console.log(selectedValues);
}