从选择中获取所选项目

Question

我有一个动态添加新div的按钮，这个div包含一个select：

    <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>

我想在选择一个选项时处理一个事件，我已经尝试了这个但是没有工作：

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

为什么没有用？很多。

Answer 1

使用需要使用event delegation

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