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

时间:2014-03-11 15:07:52

标签: javascript jquery

我有一个下拉列表;我需要获得所选项目的价值;但它一直说未定义;

这是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());
    });

3 个答案:

答案 0 :(得分:2)

使用this.value

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

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

答案 1 :(得分:0)

我更新了 fiddle

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

答案 2 :(得分:0)

我猜你的小提琴应该有display:none以外的东西?

另外,只需使用$(this).val();(提示:$是jQuery)