React Js Get Select Value onclick button

    const { useState } = React;

​

    const App = () => {

      // Step 1: Create a state variable to store the selected value

      const [selectedValue, setSelectedValue] = useState('');

​

      // Step 2: Update the state when the user selects an option

      const handleSelectChange = (event) => {

        setSelectedValue(event.target.value);

      };

​

      // Step 3: Handle button click and use the selected value

      const handleButtonClick = () => {

        // Do something with the selected value, e.g., display it or pass it to a function

        console.log('Selected Value:', selectedValue);

        alert('check in console')

      };

​

      return (

        <div className='container'>

          <h3>React Js Get Select Value onclick button</h3>

          {/* Step 2: Attach an onChange event to the select element */}

          <select onChange={handleSelectChange} value={selectedValue}>

            <option value="">Select an option</option>

            <option value="option1">Option 1</option>

            <option value="option2">Option 2</option>

            <option value="option3">Option 3</option>

          </select>

​

          {/* Step 3: Attach an onClick event to the button */}

          <button onClick={handleButtonClick}>Get Selected Value</button>

        </div>

      );

    }

​

    ReactDOM.render(<App />, document.getElementById('app'));

  </script>