获取选择字段的值而不是key

<select id="mySelect">
  <option value="value1">Option 1</option>
  <option value="value2">Option 2</option>
  <option value="value3">Option 3</option>
</select>

<script>
  var selectElement = document.getElementById("mySelect");
  var selectedValue = selectElement.value;
  console.log(selectedValue); // 输出选中的值
</script>

<select id="mySelect">
  <option value="value1">Option 1</option>
  <option value="value2">Option 2</option>
  <option value="value3">Option 3</option>
</select>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  var selectedValue = $("#mySelect").val();
  console.log(selectedValue); // 输出选中的值
</script>

import React, { useState } from "react";

function MyComponent() {
  const [selectedValue, setSelectedValue] = useState("");

  const handleSelectChange = (event) => {
    setSelectedValue(event.target.value);
  };

  return (
    <select value={selectedValue} onChange={handleSelectChange}>
      <option value="value1">Option 1</option>
      <option value="value2">Option 2</option>
      <option value="value3">Option 3</option>
    </select>
  );
}