react 获取select选中的值

React 中获取 select 选中的值可以使用以下方法：

class MyComponent extends React.Component {
  handleSubmit = (event) => {
    event.preventDefault();
    console.log(this.refs.mySelect.value);
  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <select ref="mySelect">
          <option value="A">Option A</option>
          <option value="B">Option B</option>
          <option value="C">Option C</option>
        </select>
        <button type="submit">Submit</button>
      </form>
使用 State：通过将 select 元素的 onChange 事件绑定到 React 组件的方法上，可以在选项发生改变时，更新组件的 state 值，从而获取选中的值。
class MyComponent extends React.Component {
  state = {
    selectedValue: ''
  handleChange = (event) => {
    this.setState({ selectedValue: event.target.value });
  handleSubmit = (event) => {
    event.preventDefault();
    console.log(this.state.selectedValue);
  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <select value={this.state.selectedValue} onChange={this.handleChange}>
          <option value="A">Option A</option>
          <option value="B">Option B</option>
          <option value="C">Option C</option>
        </select>
        <button type="submit">Submit</button>
      </form>
          jQuery