上 。更改不适用于jquery最新版本

Question

.on('change')功能不起作用

Html代码

 <div class="col-md-2 col-sm-2 col-xs-4">
    <select class="form-control" id="pagesize">
        <option value="10">10 Results</option>
        <option value="20">20 Results</option>
        <option value="30">30 Results</option>
        <option value="40">40 Results</option>
        <option value="50">50 Results</option>
        <option value="60">60 Results</option>
    </select>
</div>

Jquery的

    $("#pagesize").on('click', function () {
        alert("tretr");
        var pagesize = $('#pagesize').val();
        alert(pagesize);

    });

点击功能无效

Answer 1

是的，它已经更新，使用它像：

$('body').on("click", '#pagesize', function(){
        alert("tretr");
        var pagesize = $(this).val();
        alert(pagesize);

});

FIDDLE

Answer 2

使用$(this)获取当前对象引用，并将事件更改为.change()

$("#pagesize").on('change', function () {
        var pagesize = $(this).val();
        alert(pagesize);
 });

Fiddle

Answer 3

工作正常。

http://jsfiddle.net/kdmLy5zg/

With jQuery version 1.11.0