получить выбранный элемент из выбора

Question

У меня есть кнопка, чтобы добавить динамически новые дивы и это дива содержит выбор:

<script type="text/javascript"> 
    var counter = 1; 
    var limit = 10; 
    function addInput(divName) { 
     if (counter == limit) { 
      alert("You have reached the limit of adding " + counter 
        + " inputs"); 
     } else { 
      var newdiv = document.createElement('div'); 
      newdiv.setAttribute("id", 'filter'+counter); 
      newdiv.innerHTML = "<br><div class='widget-content'>Filter" + (counter) + "<br> <select id='selecto'><option>Flowers</option><option>Shrubs</option><option>Trees</option><option>Bushes</option></select></div> "; 
      document.getElementById(divName).appendChild(newdiv); 
      counter++; 
     } 
    } 


</script> 

Я хочу, чтобы обработать событие, когда я выбираю один вариант, я пробовал это, но hasn t t:

$('#selecto').change(function(){ 
    var value = $(this).val(); 
    alert(value); 
}); 

Почему не сработало? Большое спасибо.

Answer 1

использования нужно использовать event delegation

$('body').on('change', '#selecto', function() { 
    var value = $(this).val(); 
    alert(value); 
});