未使用 JQuery 选择选定选项

Question

我正在使用JQuery开发我的web应用程序。我的选择选项菜单不会打印所选选项。

$(function() {
$(document).on('click', ".class", function() {
if ($(this).attr("id") == "mySelect")
$("#mySelect").val($('#mySelect').val());

});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="mySelect" class="form-control form-control-sm class">
<option id="mySelectOptionIndex0" value=0 selected> A </option>
<option id="mySelectOptionIndex1" value=1> B </option>
<option id="mySelectOptionIndex2" value=2> C </option>

我的代码正在工作并选择正确的选项，但它不会打印所选的选项。使用浏览器，我看到选定的属性是正确添加的。我尝试使用e.preventDefault((；，使用.prop(selected，true(代替.attr((，但没有解决方案。我该如何解决？感谢

Answer 1

尝试访问选项值或选项html:

$(function() {
$(document).on('change', ".class", function() {
var optionSelected = $("option:selected", this);

var selectedText = $(optionSelected).html();
var valueSelected = this.value;
console.log(selectedText, valueSelected);
});
});