jQuery:IE7上的实时更改事件

时间:2012-03-28 07:55:46

标签: javascript internet-explorer-7 jquery

我在下拉选择中捕获更改事件。此下拉字段是使用AJAX创建的,因此事件捕获需要使用live或bind来完成。 在这里,我添加了我当前使用的代码。这是火狐。在IE7上它不起作用。任何人都可以告诉我一种方法来捕获IE7上的下拉选择直播事件


    <select id="lob_drop" name="opt" class="select">
       <option value="1">option 1</option>
       <option value="2">option 2</option>
       <option value="3">option 3</option>
    </select>

    jQuery('#lob_drop').live('change',function(){
       alert(jQuery('#lob_drop option:selected').val());
    });

3 个答案:

答案 0 :(得分:2)

使用jquery .on().live()deprecated

jQuery(document).on('change', '#lob_drop', function(){
       alert(jQuery('#lob_drop option:selected').val());
   }
);

Demo

答案 1 :(得分:1)

你的JQuery版本是什么?

它适用于使用JQuery 1.4+的IE7 似乎live()在以前的所有版本中都不适用于IE中的更改事件。

答案 2 :(得分:0)

使用以下内容:

$('body').on('change', '#lob_drop', function(){
   alert($(this).val());
});

这是一个例子的小提琴:http://jsfiddle.net/7EcGE/24/

我之前的建议不起作用,因为自jQuery 1.9以来已弃用.live

jQuery('#lob_drop').live('change',function(){
   alert(jQuery(this).val());
});