SuiteCRM中关联字段场景下按钮禁用逻辑失效问题求助

你当前的代码通过keyup监听普通输入字段可以正常控制按钮状态，但关联字段（Relate Field）的交互逻辑和普通输入框不同——这类字段通常包含可见的显示输入框和隐藏的ID存储输入框，选择关联记录后不会触发keyup事件，且实际有效值存储在隐藏框中，导致原有逻辑失效。

步骤1：定位关联字段的隐藏输入框 #

关联字段的实际值（比如关联记录的ID）会存放在一个type="hidden"的input元素中，其ID通常就是字段名本身（比如你的province_id_c对应的隐藏框ID为#province_id_c），而你当前监听的#dvt2_province_id_c只是用于显示的输入框。

步骤2：调整事件监听逻辑 #

放弃keyup事件，改用change事件监听隐藏输入框的数值变化，同时处理页面初始加载状态、关联字段被清空的场景。

修改后的自定义JS代码示例 #

// 页面加载完成后初始化逻辑
$(function() {
    // 初始禁用目标按钮
    $("#btn_custom_city_c").attr("disabled", true);
    $("#btn_custom_barangay_c").attr("disabled", true);

    // 封装按钮状态控制函数
    function updateCityButtonStatus() {
        // 获取关联字段的实际有效值（隐藏框的值）
        var provinceValue = $("#province_id_c").val();
        $("#btn_custom_city_c").attr("disabled", !(provinceValue && provinceValue.length > 0));
    }

    // 页面加载时执行一次，确保初始状态正确
    updateCityButtonStatus();

    // 监听关联字段隐藏框的变化（选择/清空关联记录时触发）
    $("#province_id_c").on("change", updateCityButtonStatus);

    // 额外监听显示框的keyup，处理手动清空显示框的场景
    $("#dvt2_province_id_c").on("keyup", function() {
        if ($(this).val().length === 0) {
            $("#province_id_c").val("").trigger("change");
        }
    });
});

补充适配方案 #

如果上述change事件不生效（部分CRM系统如SuiteCRM的关联字段会触发自定义事件），可以尝试监听系统内置的自定义事件：

// 替换隐藏框的change事件，改用关联字段的自定义更新事件
$("#dvt2_province_id_c").on("data:updated", function() {
    updateCityButtonStatus();
});

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