使用委托获取选择框的值

Question

我正在使用jQuery的委托函数为选择框应用'onChange'事件。代码正常工作并触发'onChange'事件 - 但我无法获得选择框的值。

以下是我的代码

$("body").delegate('#reportDrill').change(function(){

    alert($(this).val());     // Not alble to get value by $(this).val()
}

Answer 1

您需要使用.delegate()的正确语法：

.delegate( selector, eventType, handler(eventObject) )

所以选择器必须是第一个参数，然后是事件：

$("body").delegate('#reportDrill','change',function(){
    alert($(this).val());     // Not alble to get value by $(this).val()
});

但您应该使用 .on() 而不是.delegate()，因为：

  

从jQuery 1.7开始，.delegate（）已被.on（）方法取代

所以你可以这样做：

$("body").on('change','#reportDrill',function(){
    alert($(this).val());     // Not alble to get value by $(this).val()
});