jquery - 使用 jQuery 选择事件选择的值

Question

在 View 中，我有 5-15 个动态创建的下拉菜单，如下所示:

<select class="task-type" id="21">
   <option value=""></option>
   <option value="easy">easy</option>
   <option value="hard">hard</option>
</select>

其中类 task-type 用于每个下拉列表，id 对于每个下拉列表都是唯一的，代表数据库中的一条记录，因此它们的范围从 1 到 10000 .

然后我有以下 jQuery 代码来尝试选择已更改其值的下拉列表的值:

$( '.task-type-select' ).change(function(){
    alert($( ".task-type-select option:selected" ).text());
});

但是，它会提醒每个下拉列表的值，而我需要的只是当前更改的值。

非常感谢任何帮助或指导。

Answer 1

使用 $(this)/this 引用当前选择，而不是使用 .task-type-select

alert($(this).find("option:selected" ).text());

由于文本和值在您的情况下是相同的，您可以使用.value或.val()而不是走很长的路来获取选定的选项文本

 alert(this.value);