OTRS选择下拉选项时自动填充Subject输入框内容的问题求解

问题原因 #

代码不生效主要有几个错误：

• 绑定事件的下拉菜单ID写错了，实际下拉的ID是DynamicField_QueueNote，不是你写的DynamicField_QueueNote_Search
• 绑定change事件时直接执行了changeByOption函数，没有把它作为回调函数传递，导致只会在页面加载时执行一次，下拉切换时不会触发
• OTRS里加了Modernize类的下拉会被系统渲染成自定义选择组件，原生的change事件可能不会正常触发，推荐用jQuery的事件绑定方式适配OTRS的组件
• 没有给setTimeout设置延迟时长，可能组件还没渲染完成就执行了绑定逻辑，导致找不到元素

修复后可直接使用的代码 #

$(document).ready(function() {
    // 延迟100ms等待OTRS自定义组件渲染完成
    setTimeout(function() {
        const Action = Core.Config.Get("Action");
        const SupportedActions = ["AgentTicketNote"];
        if ($.inArray(Action, SupportedActions) !== -1 && Action === "AgentTicketNote") {
            // 绑定正确的下拉元素
            const $dyno = $("#DynamicField_QueueNote");
            // 绑定change事件，切换时获取当前值传入处理函数
            $dyno.on("change", function() {
                changeByOption($(this).val());
            });
            // 页面加载时也执行一次，匹配默认选中值
            changeByOption($dyno.val());
        }

        function changeByOption(option) {
            const $sub = $("#Subject");
            const presetMap = {
                "- Move -": "",
                "Field_Support": "Nota para field",
                "Helpdesk": "Nota para helpdesk",
                "Sistemas_Windows": "Nota para sistemas"
            };
            $sub.val(presetMap[option] || "");
            // 如果需要触发OTRS的输入验证，保留下面这行
            $sub.trigger("input");
        }
    }, 100);
});

代码说明 #

• 用键值对映射替换多分支if判断，后续要加新的匹配规则直接改presetMap即可，更易维护
• 页面加载时会先执行一次匹配，默认选中的下拉值也会自动填充对应的主题
• 增加了input事件触发，适配OTRS自带的表单验证逻辑，避免出现填了值还提示必填的问题
• 增加了100ms的延迟，确保OTRS的自定义下拉组件渲染完成后再绑定事件

内容的提问来源于stack exchange，提问作者firewallcj