Question

I have capture change event on drop down select. This drop down field is created using AJAX so event capture need to be done with live or bind.
Here I add the code which I’m using currently. This is working on fire fox. On IE7 its not working. Can anyone tell me a way to capture live event of drop down select on 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());
    });

Answer 1

Use jquery .on(). .live() is deprecated.

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

Demo