javascript - 获取下拉列表中选定的项目不起作用

Question

我有一个下拉菜单；我需要获取所选项目的值；但它一直说未定义；

这是Jsfiddle我做错了什么吗？

<select class="ddl_status" id="status_ddl_20" style="display: none">
    <option value="Active">Active</option>
    <option value="InActive">InActive</option>
</select>

    $(document).on('change', '.ddl_status', function() {
    var parent= this.parent();
    alert((parent option:selected).val());
    });

Answer 1

使用this.value

$(document).on('change', '.ddl_status', function() {
    alert(this.value);
});

无需获取父元素并再次查找所选选项 - 所选选项值将成为 select 值。