Jquery select change not firing

Question

I need to capture when a select box changes  should be simple           multiid   change function        alert  Change Happened          But it does not work  I suspected the problem is that the select box does not exist on document ready it is created only if needed  so I created it empty in HTML  populated it with code as a test but that didn t work either   function buildmulti id name price           build action items for action bar     var optlist       lt select gt  lt  select gt    attr  id    multiid   attr  name    multiid        optlist append   lt option value  0  gt Select Size lt  option gt           each option  function index  val            if val prodID  1     id   1                v   val ID              fprice   price   1   val pricechange   1              t   name     -     val variation      -     currency    fprice  toFixed 2               optlist append   lt option value      v      gt     t     lt  option gt                              addbasket   append optlist        it s probably another bracket out of place  but I can t find it

User · Answer

You can fire chnage event by these methods:

First

$('#selectid').change(function () {
    alert('This works');
});

Second

$(document).on('change', '#selectid', function() {
    alert('This Works');
});

Third

$(document.body).on('change','#selectid',function(){
    alert('This Works');
});

If this methods not working, check your jQuery working or not:

$(document).ready(function($) {
   alert('Jquery Working');
});

User · Answer

Try      document  on  change    multiid  function        alert  Change Happened          As your select-box is generated from the code  so you have to use event delegation  where in place of   document  you can have closest parent element   Or     document body  on  change    multiid  function        alert  Change Happened          Update      Second one works fine  there is another change of selector to make it work        addbasket   on  change    multiid  function        alert  Change Happened          Ideally we should use     addbasket   as it s the closest parent element  As i have mentioned above

User · Answer

document  on  change    multiid  function         you desired code        reference on

User · Answer

For me perfectly fork this code       dom object id   on  change paste keyup   function        console log     dom object id   val   length        Key event for  on   function is  paste  to get changes dynamically

User · Answer

Try this     body   on  change     multiid   function            your stuff      please check  on   selector

User · Answer

This works for me           lt    ddlstuff ClientID   gt    change function          alert  Change Happened              lt    txtBoxToClear ClientID   gt    val

[jquery] Jquery select change not firing

Examples related to jquery

Examples related to onchange