使用ajax从动态生成的选择框调用操作不起作用？

Question

我想动态生成选择框，并且在更改事件时我想调用动作类。 getInvcId动态地生成选择框，并且在更改事件时，不发送请求到操作。

         <script type="text/javascript">
            $(document).ready(function(){
                $.post('getInvcId',function(res){
                    var id=res.split(",");
                    var newOptions=[];
                    newOptions.push("<option value=''>Select Invoice ID</option>");
                    $.each(id, function(key,value){
                    if(value!=="")
                    {
                        newOptions.push("<option value='"+value+"'>"+value+"</option>");
                    }
                    $("#invcnum").html(newOptions.join(''));
                    });
                });
                $.post('payBkid',function(res){
                    var id=res.split(",");
                    var newOptions=[];
                    newOptions.push("<option value=''>Select Booking ID</option>");
                    $.each(id, function(key,value){
                    if(value!=="")
                    {
                        newOptions.push("<option value='"+value+"'>"+value+"</option>");
                    }
                    $("#bkid").html(newOptions.join(''));
                    });
                });
                $("#invcnum").on('change',function(){
                   var invc=$("#invcnum").val();
                   var data={'invoice':invc};
                   $.post('searchPayment', data, function(res){
                       alert("hello");
                   });
                });
            });
        </script>