Retrieving value from with multiple option in React

by

The same way you do anywhere else, since you’re working with the real DOM node as the target of the change event:

handleChange: function(e) {
  var options = e.target.options;
  var value = [];
  for (var i = 0, l = options.length; i < l; i++) {
    if (options[i].selected) {
      value.push(options[i].value);
    }
  }
  this.props.someCallback(value);
}

More Related Contents:

  1. Detect click outside React component
  2. Invariant Violation: _registerComponent(…): Target container is not a DOM element
  3. React.js: onChange event for contentEditable
  4. How to access component methods from “outside” in ReactJS?
  5. How do you set the document title in React?
  6. Why is React’s concept of Virtual DOM said to be more performant than dirty model checking?
  7. React Error: Target Container is not a DOM Element
  8. React, losing saved data in localStorage with useEffect after page refresh
  9. React.js: How to append a component on click?
  10. How to avoid bind or inline arrow functions inside render method
  11. How do you check if a JavaScript Object is a DOM Object?
  12. React ‘cannot read property of undefined’ when using map
  13. innerText vs innerHTML vs label vs text vs textContent vs outerText
  14. How to pass data from a page to another page using react router
  15. Why is immutability so important (or needed) in JavaScript?
  16. Multiple path names for a same component in React Router
  17. setInterval in a React app
  18. Using this inside an event handler
  19. Difference between Element.value and Element.getAttribute(“value”)
  20. Warning: Each child in a list should have a unique “key” prop even tho it has unique key React
  21. Single Page Application and CSRF Token
  22. Navigate to screen after opening a notification?
  23. window.getSelection() gives me the selected text, but I want the HTML
  24. Do we still need functional setState way in react hooks?
  25. React 18 strict mode causing component to render twice [duplicate]
  26. Reactjs-setState previous state is the first argument, props as the second argument
  27. Javascript DOM: Setting custom DOM element properties
  28. Deep nested array of objects not rendering
  29. Why would we use useEffect without a dependency array?
  30. Get scroll position with Reactjs

Leave a Comment