Как мне получить доступ к значениям Form.control?

Question

Я пытаюсь получить доступ к значениям, которые соответствуют параметрам меню выбора в форме React bootstrap.

Вот мой код

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

, поскольку вы используете select с множественным выбором, поэтому, пожалуйста, попробуйте этот handleChange даже:

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