Обнаруживать с помощью JQuery, когда выбранный изменяется

У меня есть Jqgrid, который динамически генерирует выборки следующим образом:

    <select id="won" style="width: 65px;">
       <option value="">-WON?</option>
       <option value="1" selected>Bet1</option>
       <option value="2" >Bet2</option>
       <option value="3" >Bet3</option>
    </select>

У каждого из них есть другой выбранный вариант. Я хотел бы определить, когда один из них изменится, поэтому я могу сохранить его в своей базе данных.

Im пытается с помощью:

         $('#won').change(function(){
               alert("PROBANDO");
          });

Но не работает вообще. Любая помощь будет оценена Спасибо.

Ответ 1

Проблема заключается в том, что выбор создается динамически, тогда вам нужно использовать .on()

попробуйте следующее:

         $(document).on('change','#won',function(){
               alert("PROBANDO");
          });

Ответ 2

Это должно работать, убедитесь, что вы не забыли $(document).ready(function() {

$(document).ready(function() {  
    $('#won').change(function(){
        alert( $(this).find("option:selected").attr('value') );       
    });
 });