使用jQuery选择活动select的值

在viw中，我有5-15个动态创建的下拉列表，如下所示：

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

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

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

使用

$（this）

/

this

引用当前选择，而不是使用

。任务类型选择

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

因为文本和值在您的案例中是相同的，所以您可以使用

.value

或

.val（）

而不是长时间获取所选选项文本

 alert(this.value);

---

您可以使用

this

关键字引用引发事件的元素。从这里，您可以使用

val（）

方法获取所选值：

$('.task-type-select').change(function(){
    console.log($(this).val());
});

Select有“任务类型”类，但在JQ中使用“.tasktypeselect”

这个例子就是工作：

HTML:

---

您希望jQuery比较并提醒随时间变化的选项，而不是客户机选择的选项，对吗？

$('.task-type-select').change(function(){
    console.log($(this).val());
});

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

$(document).ready(function(){

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