如何获取选项的文本

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

<script>
  var select = document.getElementById("mySelect");
  var options = select.options;
  for (var i = 0; i < options.length; i++) {
    var text = options[i].text;
    console.log(text);
  }
</script>

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

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $("#mySelect option").each(function() {
    var text = $(this).text();
    console.log(text);
  });
</script>

<div id="app">
  <select>
    <option v-for="option in options" :value="option.value">{{ option.text }}</option>
  </select>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>
<script>
  new Vue({
    el: "#app",
    data: {
      options: [
        { value: "1", text: "Option 1" },
        { value: "2", text: "Option 2" },
        { value: "3", text: "Option 3" }
      ]
    }
  });
</script>