javascript - 在jquery中使用此关键字获取所选选项的文本值

Question

我只想使用this关键字获取所选选项的文本值

例如:

$(this).val() 将为我提供所选选项的值。

我想要的是选择该选项时的文本，但使用this关键字。

Answer 1

您可以使用:$(this).children(":selected").text();

类似这样的事情:

$(function() {


  $("#mySelect").on("change", function() {
    var text = $(this).children(":selected").text();
    var value = $(this).val();
    console.log("Text: " + text + " Value: " + value);
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="mySelect">
  <option value="One">1</option>
  <option value="Two">2</option>
</select>