如何将select option标签字段的值或选定的文本传递给函数参数

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

<script>
  function myFunction(selectedValue) {
    // 执行相应的操作，使用选定的值作为参数
    console.log(selectedValue);
  }

  var selectElement = document.getElementById("mySelect");
  selectElement.addEventListener("change", function() {
    var selectedValue = selectElement.value; // 获取选定的值
    var selectedText = selectElement.options[selectElement.selectedIndex].text; // 获取选定的文本
    myFunction(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>
  function myFunction(selectedValue) {
    // 执行相应的操作，使用选定的值作为参数
    console.log(selectedValue);
  }

  $("#mySelect").change(function() {
    var selectedValue = $(this).val(); // 获取选定的值
    var selectedText = $(this).find("option:selected").text(); // 获取选定的文本
    myFunction(selectedValue); // 将选定的值作为参数传递给函数
  });
</script>