javascript - jQuery 更改函数第一次起作用

Question

当模式中的选择字段发生变化时，我们会更改文本区域中的文本。它在页面第一次加载时有效，但是当模式关闭并重新加载时，更新将不再起作用:

   <script>
    $('#suspension_type').change(function(event){
        var template = $("textarea#message").val(),
                value = $(this).val(),
                content = "";

        if(value == "--Choose--"){
            content = template.replace('Full', "[[SUSPENSION_TYPE]]")
                    .replace('Reduced', "[[SUSPENSION_TYPE]]")
                    .replace('Vacation', "[[SUSPENSION_TYPE]]");
        } else {
            content = template.replace("[[SUSPENSION_TYPE]]", value)
                    .replace('Full', value)
                    .replace('Reduced', value)
                    .replace('Vacation', value);
        }
        $("textarea#message").val(content);
    });
</script>

如何强制文本区域内容在更改事件时更新？

编辑:更新了功能。仍然不起作用，委托(delegate)是如何工作的？

Answer 1

谢谢@Arun。代表团工作:

$('#suspendModal').delegate('select.suspension_type', 'change', function(){
  // Code
});